Little fix

frontend/quasar.extensions.json

@@ -1,3 +0,0 @@
-{
-  "vuelidate-rules": {}
-}

frontend/src/layouts/MainLayout.vue

@@ -1,7 +1,7 @@
 <template>
   <q-layout>
     <q-header elevated>
-      <q-toolbar class="main_toolbar fixed-top shadow-1">
+      <q-toolbar shadow-1 h-16 class="main_toolbar fixed-top">
         <q-tabs inline-label>
           <q-route-tab
             icon="newspaper"
@@ -43,7 +43,7 @@
         />
         <q-btn
           flat
-          icon="login"
+          icon="person"
           :class="$q.dark.isActive ? 'text-white' : 'text-black'"
           @click="authModalOpened = true"
         />

frontend/src/pages/IndexPage.vue

@@ -1,8 +1,41 @@
 <template>
-  <q-page class="row items-center justify-evenly"
+  <q-page class="items-center justify-evenly mt-16">
-    ><img
+    <q-carousel
-      src="https://revolgc.pro/media/vlcsnap-2022-08-08-21h52m033333331s221-jpg.96/full"
+      v-model="slide"
-  /></q-page>
+      animated
+      navigation
+      infinite
+      :autoplay="autoplay"
+      arrows
+      transition-prev="slide-right"
+      transition-next="slide-left"
+      @mouseenter="autoplay = false"
+      @mouseleave="autoplay = true"
+    >
+      <q-carousel-slide
+        :name="1"
+        img-src="https://cdn.quasar.dev/img/mountains.jpg"
+      />
+      <q-carousel-slide
+        :name="2"
+        img-src="https://cdn.quasar.dev/img/parallax1.jpg"
+      />
+      <q-carousel-slide
+        :name="3"
+        img-src="https://cdn.quasar.dev/img/parallax2.jpg"
+      />
+      <q-carousel-slide
+        :name="4"
+        img-src="https://cdn.quasar.dev/img/quasar.jpg"
+      />
+    </q-carousel>
+  </q-page>
+  <div h-100></div>
 </template>
 
-<script setup></script>
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const slide = ref(1);
+const autoplay = ref(true);
+</script>