Aktualizace balicku, strnakovani, uprava hlavni stranky

2023-12-12 23:42:16 +01:00
parent 8c7e237053
commit c8ea17c1ec
67 changed files with 1372 additions and 774 deletions
@@ -0,0 +1,40 @@
+<script setup>
+import {ref} from "vue";
+import {flightName} from "src/composables/flight";
+import LatestFlightSliderInfo from "components/flights/slider/LatestFlightSliderInfo.vue";
+
+const props = defineProps({
+  items: {
+    type: Array,
+    required: true
+  }
+});
+
+const slide = ref(0);
+</script>
+
+<template>
+  <q-carousel
+    v-model="slide"
+    transition-prev="scale"
+    transition-next="scale"
+    swipeable
+    animated
+    control-color="primary"
+    navigation
+    padding
+    arrows
+    infinite
+    height="500px"
+    class="bg-blue-1 text-white shadow-1 "
+  >
+    <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">
+        <div class="absolute-bottom">
+          <LatestFlightSliderInfo :flight="flight"/>
+        </div>
+      </q-img>
+        <LatestFlightSliderInfo v-else :flight="flight" text-color="primary"/>
+    </q-carousel-slide>
+  </q-carousel>
+</template>