From 751157b662034208192ed114e317e17125d5dc13 Mon Sep 17 00:00:00 2001
From: Fractal-Tess <vgfractal@gmail.com>
Date: Tue, 1 Nov 2022 17:22:01 +0200
Subject: [PATCH] fix color transition lag

---
 src/lib/components/header/Header.svelte | 7 +++++--
 src/styles/app.postcss                  | 4 ----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/header/Header.svelte b/src/lib/components/header/Header.svelte
index e0be5f6..0bb5d7a 100644
--- a/src/lib/components/header/Header.svelte
+++ b/src/lib/components/header/Header.svelte
@@ -12,14 +12,17 @@
   data-tauri-drag-region
   class="h-12 bg-base-100 shadow-lg items-center justify-between flex"
 >
-  <button on:click={theme.toggleTheme} class="hover:text-secondary ml-2">
+  <button
+    on:click={theme.toggleTheme}
+    class="hover:text-secondary ml-2 transition-all"
+  >
     <ThemeToggleIcon class="w-8" />
   </button>
 
   <HeaderNav />
 
   <!-- TODO: Make a report for the on hover text effect being laggy -->
-  <div class="flex [&>*]:px-2 h-full mr-2">
+  <div class="flex [&>*]:px-2 h-full mr-2 [&>*]:transition-all">
     <a
       target="_blank"
       href="https://github.com/Fractal-Tess/Svelte-Tauri"
diff --git a/src/styles/app.postcss b/src/styles/app.postcss
index c90fbe2..3f18ff2 100644
--- a/src/styles/app.postcss
+++ b/src/styles/app.postcss
@@ -4,10 +4,6 @@
 @tailwind components;
 @tailwind utilities;
 
-* {
-  @apply transition-all;
-}
-
 html {
   -webkit-font-smoothing: antialiased;
 }