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

fix: minor 'workaround' to display the correct icon after refreshing the page when in dark mode

Browse Source
This commit is contained in:
Lucas Nunes 2024-02-05 16:21:51 -03:00
parent b0e1b55537
commit 09ec9f28e3
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -144,10 +144,13 @@ watch(() => $route.path, (n) => {
:variant="'ghost'" :variant="'ghost'"
:size="'icon'" @click="toggleDark()" :size="'icon'" @click="toggleDark()"
> >
<!-- workaround for bug with component when refreshing the page -->
<component <component
:is="isDark ? RadixIconsSun : RadixIconsMoon" :is="RadixIconsMoon"
v-if="!isDark"
class="w-[20px] h-5 text-foreground" class="w-[20px] h-5 text-foreground"
/> />
<RadixIconsSun v-if="isDark" class="w-[20px] h-5 text-foreground" />
</Button> </Button>
</div> </div>
</div> </div>