Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: minor fix to display the correct icon on dark mode (#326)

Browse Source 
fixing the glitch when reloading the page on dark mode and the icon changing back to light mode.
This commit is contained in:
Lucas Nunes 2024-02-06 14:01:39 -03:00 committed by GitHub
parent 6ab704a6fb
commit 25f4a7292a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/www/.vitepress/theme/layout/MainLayout.vue
View File

@ -138,6 +138,7 @@ watch(() => $route.path, (n) => {
<component :is="link.icon" class="w-[20px] h-5" /> <component :is="link.icon" class="w-[20px] h-5" />
</Button> </Button>
<ClientOnly>
<Button <Button
class="flex items-center justify-center" class="flex items-center justify-center"
aria-label="Toggle dark mode" aria-label="Toggle dark mode"
@ -149,6 +150,7 @@ watch(() => $route.path, (n) => {
class="w-[20px] h-5 text-foreground" class="w-[20px] h-5 text-foreground"
/> />
</Button> </Button>
</ClientOnly>
</div> </div>
</div> </div>
</div> </div>