Zmena favicon, uprava HP

src/components/AppFooter.vue

@@ -1,8 +1,8 @@
 <script setup></script>
 
 <template>
-  <q-footer>
+  <q-footer class="q-pa-lg">
-    <div class="row justify-between">
+    <div class="row justify-center">
       <div class="col-4">
         <q-list>
           <q-item><router-link :to="{name: 'about'}">O projektu</router-link></q-item>
@@ -17,15 +17,14 @@
           <q-item><router-link :to="{name: 'about'}">Správa osobních údajů</router-link></q-item>
         </q-list>
       </div>
+      <div class="col-4 text-right">
+        <div class="text-h6">Polétání.cz</div>
+        Vytvořeno s &hearts; nejen pro létání.
+      </div>
 <!--      <div class="col">-->
 <!--        &copy; 2023 Polétání.cz-->
 <!--      </div>-->
     </div>
-    <div class="row">
-      <div class="col text-center q-my-lg">
-        Vytvořeno s &hearts; s využitím následujících technologií: Quasar, GraphQL, Strawberry, FastAPI
-      </div>
-    </div>
   </q-footer>
 </template>
 

src/components/flights/slider/LatestFlightsSlider.vue

@@ -14,27 +14,28 @@ const slide = ref(0);
 </script>
 
 <template>
-  <q-carousel
+  <div class="bg-blue-1 q-py-lg">
-    v-model="slide"
+    <h3 class="text-center">Poslední lety</h3>
-    transition-prev="scale"
+
-    transition-next="scale"
+    <q-carousel
-    swipeable
+      v-model="slide"
-    animated
+      swipeable
-    control-color="primary"
+      animated
-    navigation
+      control-color="primary"
-    padding
+      navigation
-    arrows
+      padding
-    infinite
+      arrows
-    height="500px"
+      height="500px"
-    class="bg-blue-1 text-white shadow-1 "
+      class="bg-blue-1 text-white"
-  >
+    >
-    <q-carousel-slide :name="idx" v-for="(flight, idx) in items" :key="idx" class="column no-wrap flex-center text-center">
+      <q-carousel-slide :name="idx" v-for="(flight, idx) in items" :key="idx" class="column no-wrap flex-center text-center">
-      <q-img :src="flight.titlePhoto.url" fit="cover" ratio="16/9" height="400px" v-if="flight.titlePhoto">
+        <q-img :src="flight.titlePhoto.url" fit="cover" ratio="16/9" height="400px" v-if="flight.titlePhoto">
-        <div class="absolute-bottom">
+          <div class="absolute-bottom">
-          <LatestFlightSliderInfo :flight="flight"/>
+            <LatestFlightSliderInfo :flight="flight"/>
-        </div>
+          </div>
-      </q-img>
+        </q-img>
         <LatestFlightSliderInfo v-else :flight="flight" text-color="primary"/>
-    </q-carousel-slide>
+      </q-carousel-slide>
-  </q-carousel>
+    </q-carousel>
+  </div>
 </template>

src/components/indexPage/IntroBlock.vue

@@ -15,7 +15,7 @@
     </div>
     <div class="col-12 col-md-6 col-lg-6 text-center">
       <div>
-        <q-img src="hp/mobile-preview-200.webp" width="200px" class="q-ma-lg" fit="contain" alt="Nahled aplikace"/>
+        <q-img src="hp/mobile-preview-200.webp" height="401px" width="200px" class="q-ma-lg" fit="contain" alt="Nahled aplikace"/>
         <q-img src="hp/desktop-preview-350.webp" height="310px" width="350px" fit="contain" class="xs-hide sm-hide" alt="Nahled aplikace"/>
       </div>
     </div>

src/layouts/ProfileLayout.vue

@@ -35,7 +35,7 @@
 
     <q-page-container>
       <BreadcrumbsNavigation :items="breadcrumbs || []"/>
-      <div class="q-mx-md q-my-md">
+      <div class="q-mx-md q-my-md" style="margin-bottom: 150px">
         <router-view/>
       </div>
     </q-page-container>

src/pages/profile/flight/NewFlightPage.vue

@@ -14,7 +14,6 @@ import FlightEditSkeleton from "components/flights/skeletons/FlightEditSkeleton.
 onMounted(() => {
   useAircraftsStore().fetch({})
   usePointsOfInterestStore().fetch({})
-  useFlightsStore().fetch({})
   useAirportsStore().fetch()
 
   useAppStore().setPageTitle("Nový let");

src/pages/public/IndexPage.vue

@@ -35,10 +35,8 @@ const {flights, isQueryRunning} = storeToRefs(useFlightsStore());
 
     <q-page-container class="q-py-none">
       <q-page>
-
         <IntroBlock/>
 
-        <h3 class="text-center">Poslední lety</h3>
         <LatestFlightsSlider :items="flights"/>
 
         <div class="row justify-center">