From de649aefbc9fdc42dd5ccff9a981775604bf251e Mon Sep 17 00:00:00 2001
From: Damian <lakardion@protonmail.com>
Date: Thu, 21 Nov 2024 11:14:23 +0100
Subject: [PATCH] feat(vue) rm headings css

---
 .../clients/web/vue3/src/styles/headings.css  | 21 -------------------
 .../clients/web/vue3/src/styles/index.css     |  2 --
 .../clients/web/vue3/src/views/Dashboard.vue  |  2 +-
 3 files changed, 1 insertion(+), 24 deletions(-)
 delete mode 100644 {{cookiecutter.project_slug}}/clients/web/vue3/src/styles/headings.css

diff --git a/{{cookiecutter.project_slug}}/clients/web/vue3/src/styles/headings.css b/{{cookiecutter.project_slug}}/clients/web/vue3/src/styles/headings.css
deleted file mode 100644
index 02ab94b86..000000000
--- a/{{cookiecutter.project_slug}}/clients/web/vue3/src/styles/headings.css
+++ /dev/null
@@ -1,21 +0,0 @@
-/* Headings & Text */
-
-/* h1 headers */
-.heading {
-  @apply text-3xl mb-6;
-}
-
-/* h2 headers */
-.subheading {
-  @apply text-2xl mb-5;
-}
-
-/* h3 headers */
-.title {
-  @apply text-xl mb-4;
-}
-
-/* h4 headers */
-.subtitle {
-  @apply text-lg mb-3;
-}
diff --git a/{{cookiecutter.project_slug}}/clients/web/vue3/src/styles/index.css b/{{cookiecutter.project_slug}}/clients/web/vue3/src/styles/index.css
index 931f15895..4dc13b3f1 100644
--- a/{{cookiecutter.project_slug}}/clients/web/vue3/src/styles/index.css
+++ b/{{cookiecutter.project_slug}}/clients/web/vue3/src/styles/index.css
@@ -1,5 +1,3 @@
-@import './headings.css';
-
 /* 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;
diff --git a/{{cookiecutter.project_slug}}/clients/web/vue3/src/views/Dashboard.vue b/{{cookiecutter.project_slug}}/clients/web/vue3/src/views/Dashboard.vue
index 650486741..218782c30 100644
--- a/{{cookiecutter.project_slug}}/clients/web/vue3/src/views/Dashboard.vue
+++ b/{{cookiecutter.project_slug}}/clients/web/vue3/src/views/Dashboard.vue
@@ -4,7 +4,7 @@
   <div class="flex min-h-full flex-1 flex-col">
     <header class="relative mx-auto flex h-32 w-full flex-col justify-center bg-primary sm:h-48">
       <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 w-full">
-        <h1 class="heading mb-0 text-left font-bold uppercase text-white">Dashboard</h1>
+        <h1 class="text-3xl mb-6 text-left font-bold uppercase text-white">Dashboard</h1>
       </div>
     </header>
     <div class="h-full min-h-full p-4 sm:px-16 sm:py-4">Content goes here...</div>