dave/calorie-tracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix color transition lag

Browse Source
This commit is contained in:
Fractal-Tess
2022-11-01 17:22:01 +02:00
parent cea2f77a06
commit 751157b662
2 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/lib/components/header/Header.svelte
View File

@@ -12,14 +12,17 @@
data-tauri-drag-region data-tauri-drag-region
class="h-12 bg-base-100 shadow-lg items-center justify-between flex" 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" /> <ThemeToggleIcon class="w-8" />
</button> </button>
<HeaderNav /> <HeaderNav />
<!-- TODO: Make a report for the on hover text effect being laggy --> <!-- 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 <a
target="_blank" target="_blank"
href="https://github.com/Fractal-Tess/Svelte-Tauri" href="https://github.com/Fractal-Tess/Svelte-Tauri"

4
src/styles/app.postcss
View File

@@ -4,10 +4,6 @@
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
* {
@apply transition-all;
}
html { html {
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
} }