From db5e9084308ca5b2e17bb6e1622ec2064b602fbb Mon Sep 17 00:00:00 2001
From: NetMan <13informatyka14@gmail.com>
Date: Mon, 3 Mar 2025 20:55:43 +0100
Subject: [PATCH] env example and cosmetic changes

---
 .env.example    |  1 +
 pages/basic.vue | 13 +++++++------
 2 files changed, 8 insertions(+), 6 deletions(-)
 create mode 100644 .env.example

diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..cdb253f
--- /dev/null
+++ b/.env.example
@@ -0,0 +1 @@
+DATABASE_URL="postgres://USERNAME:PASSWORD@HOST:PORT/DATABASE"
\ No newline at end of file
diff --git a/pages/basic.vue b/pages/basic.vue
index d985c4f..6cd6d2d 100644
--- a/pages/basic.vue
+++ b/pages/basic.vue
@@ -62,7 +62,7 @@ onMounted(() => {
 <template>
   <div>
     <div v-if="status === 'success'">
-      <div class="grid grid-cols-4">
+      <div class="grid grid-cols-4 min-h-dvh">
         <div class="col-span-3 flex flex-col gap-4 p-4">
           <div class="flex flex-row gap-5">
             <div>
@@ -81,9 +81,9 @@ onMounted(() => {
             </div>
           </div>
           <div
-            class="select-none z-[-1] w-full flex items-center justify-center *:object-contain *:object-contain *:*:object-contain"
+            class="select-none z-[-1] w-full flex items-center justify-center *:object-contain *:object-contain *:*:object-contain flex-1"
           >
-            <div class="w-[650px] *:w-full">
+            <div class="w-full *:w-full">
               <img
                 :src="cdnUrl + [media.fileName, media.fileType].join('.')"
                 alt=""
@@ -165,14 +165,15 @@ onMounted(() => {
           <div>
             <button @click="next()" class="btn-major">Następne pytanie</button>
           </div>
+
+          <br />
+          {{ questionaries }}
+          <progress max="100" ref="progres">Aha...</progress>
         </div>
       </div>
-      <br />
-      {{ questionaries }}
     </div>
     <div v-else-if="status === 'error'">Error: {{ error }}</div>
     <div v-else>Loading...</div>
-    <progress max="100" ref="progres">Aha...</progress>
   </div>
 </template>