From f61f8048e12e72f21c4a053f9a8b0ae13b9a2bbb Mon Sep 17 00:00:00 2001
From: Nikki <nikki.arnette1337@gmail.com>
Date: Wed, 30 Nov 2022 01:27:40 +1000
Subject: [PATCH] Little fix

---
 frontend/quasar.extensions.json     |  3 --
 frontend/src/layouts/MainLayout.vue |  4 +--
 frontend/src/pages/IndexPage.vue    | 43 +++++++++++++++++++++++++----
 3 files changed, 40 insertions(+), 10 deletions(-)
 delete mode 100644 frontend/quasar.extensions.json

diff --git a/frontend/quasar.extensions.json b/frontend/quasar.extensions.json
deleted file mode 100644
index 25b60c9..0000000
--- a/frontend/quasar.extensions.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "vuelidate-rules": {}
-}
\ No newline at end of file
diff --git a/frontend/src/layouts/MainLayout.vue b/frontend/src/layouts/MainLayout.vue
index e15e651..4ebddd2 100644
--- a/frontend/src/layouts/MainLayout.vue
+++ b/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"
         />
diff --git a/frontend/src/pages/IndexPage.vue b/frontend/src/pages/IndexPage.vue
index 9551a20..2f80fdc 100644
--- a/frontend/src/pages/IndexPage.vue
+++ b/frontend/src/pages/IndexPage.vue
@@ -1,8 +1,41 @@
 <template>
-  <q-page class="row items-center justify-evenly"
-    ><img
-      src="https://revolgc.pro/media/vlcsnap-2022-08-08-21h52m033333331s221-jpg.96/full"
-  /></q-page>
+  <q-page class="items-center justify-evenly mt-16">
+    <q-carousel
+      v-model="slide"
+      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>