Upravy UI, refaktoring, davkove upravy a mazani fotek

2023-08-28 22:02:24 +02:00
parent dcc3230cbe
commit dd248d4432
53 changed files with 636 additions and 357 deletions
@@ -1,5 +1,23 @@
-<script setup></script>
+<script setup>
+import BasicListSkeleton from "components/basicSkeletons/BasicListSkeleton.vue";
+import {randomInt} from "src/composables/random";
+import BasicTextSkeleton from "components/basicSkeletons/BasicTextSkeleton.vue";
+</script>

 <template>
-  <q-skeleton></q-skeleton>
+  <q-card class="flight-detail-card">
+    <q-skeleton type="rect" height="400px"/>
+
+    <q-card-section>
+      <q-skeleton type="text" v-for="i in 3" :key="i" :width="randomInt(30, 50)+'%'"/>
+    </q-card-section>
+
+    <q-card-section class="q-my-md">
+      <BasicTextSkeleton :paragraphs="1" :lines="randomInt(1, 3)"/>
+    </q-card-section>
+  </q-card>
+
+  <q-card class="flight-detail-card" flat>
+    <BasicListSkeleton :items-count-min="1" :items-count-max="4"/>
+  </q-card>
 </template>