From 2ce10d0ffa812d10e3aabf5b30ff9d49b7bc3dea Mon Sep 17 00:00:00 2001
From: Damian <lakardion@protonmail.com>
Date: Thu, 21 Nov 2024 11:18:06 +0100
Subject: [PATCH] feat(vue) rm index css

---
 .../web/vue3/src/components/NavBar.vue        | 12 +++++------
 .../clients/web/vue3/src/main.css             |  1 -
 .../clients/web/vue3/src/styles/index.css     | 21 -------------------
 3 files changed, 6 insertions(+), 28 deletions(-)
 delete mode 100644 {{cookiecutter.project_slug}}/clients/web/vue3/src/styles/index.css

diff --git a/{{cookiecutter.project_slug}}/clients/web/vue3/src/components/NavBar.vue b/{{cookiecutter.project_slug}}/clients/web/vue3/src/components/NavBar.vue
index ea0833932..508bb0a47 100644
--- a/{{cookiecutter.project_slug}}/clients/web/vue3/src/components/NavBar.vue
+++ b/{{cookiecutter.project_slug}}/clients/web/vue3/src/components/NavBar.vue
@@ -43,10 +43,10 @@ const user = computed(() => userStore.user)
               >Home</router-link
             >
             <router-link
-              active-class="active"
+              active-class="border-accent"
               v-if="isLoggedIn"
               :to="{ name: 'Dashboard' }"
-              class="router"
+              class="inline-flex items-center px-1 pt-1 text-sm font-medium text-gray-900 border-b-2 border-transparent hover:cursor-pointer"
               >Dashboard</router-link
             >
           </div>
@@ -111,7 +111,7 @@ const user = computed(() => userStore.user)
         <router-link
           :to="{ name: 'Home' }"
           @click="mobileMenuOpen = false"
-          active-class="active--mobile"
+          active-class="border-l-4 border-accent text-accent"
           class="mobile-link--main"
         >
           Home
@@ -120,7 +120,7 @@ const user = computed(() => userStore.user)
           v-if="isLoggedIn"
           :to="{ name: 'Dashboard' }"
           @click="mobileMenuOpen = false"
-          active-class="active--mobile"
+          active-class="border-l-4 border-accent text-accent"
           class="mobile-link--main"
         >
           Dashboard
@@ -147,7 +147,7 @@ const user = computed(() => userStore.user)
             <router-link
               @click="mobileMenuOpen = false"
               :to="{ name: 'Signup' }"
-              active-class="active--mobile"
+              active-class="border-l-4 border-accent text-accent"
               class="mobile-link"
             >
               Signup
@@ -156,7 +156,7 @@ const user = computed(() => userStore.user)
               @click="mobileMenuOpen = false"
               :to="{ name: 'Login' }"
               data-cy="login"
-              active-class="active--mobile"
+              active-class="border-l-4 border-accent text-accent"
               class="mobile-link"
             >
               Login
diff --git a/{{cookiecutter.project_slug}}/clients/web/vue3/src/main.css b/{{cookiecutter.project_slug}}/clients/web/vue3/src/main.css
index e15f94cb0..b5c61c956 100644
--- a/{{cookiecutter.project_slug}}/clients/web/vue3/src/main.css
+++ b/{{cookiecutter.project_slug}}/clients/web/vue3/src/main.css
@@ -1,4 +1,3 @@
-@import './styles/index.css';
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
diff --git a/{{cookiecutter.project_slug}}/clients/web/vue3/src/styles/index.css b/{{cookiecutter.project_slug}}/clients/web/vue3/src/styles/index.css
deleted file mode 100644
index 4dc13b3f1..000000000
--- a/{{cookiecutter.project_slug}}/clients/web/vue3/src/styles/index.css
+++ /dev/null
@@ -1,21 +0,0 @@
-/* Router Active Link Styling */
-.router {
-  @apply inline-flex items-center px-1 pt-1 text-sm font-medium text-gray-900 border-b-2 border-transparent;
-}
-
-.router:hover {
-  @apply cursor-pointer;
-}
-
-.active {
-  @apply border-accent;
-}
-
-.active--mobile {
-  @apply border-l-4 border-accent text-accent;
-}
-
-/* Containers */
-.form-container {
-  @apply container mx-auto w-full content-center rounded-lg bg-slate-200 py-5 sm:max-w-prose;
-}