benny/wishlist-app
1
0
Fork 0
mirror of https://github.com/ThisIsBenny/wishlist-app.git synced 2025-06-07 05:57:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix darkmode issue

Browse source 
Signed-off-by: Benny Samir Hierl <bennysamir@posteo.de>
This commit is contained in:
Benny Samir Hierl 2022-02-13 02:38:26 +01:00
parent e927c81b34
commit 7db5436f7a
2 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/Header.vue
View file

@ -8,17 +8,17 @@
@click="() => toggle()" @click="() => toggle()"
> >
<IconToggleOn v-if="editMode" class="h-6 w-6 fill-emerald-700" /> <IconToggleOn v-if="editMode" class="h-6 w-6 fill-emerald-700" />
<IconToggleOff v-else class="h-6 w-6 cursor-pointer" /> <IconToggleOff v-else class="h-6 w-6 cursor-pointer fill-current" />
<span>{{ t('components.header.edit-mode.text') }}</span> <span>{{ t('components.header.edit-mode.text') }}</span>
</div> </div>
<div @click="() => toggleDark()"> <div @click="() => toggleDark()">
<IconLightDark class="h-6 w-6 cursor-pointer" /> <IconLightDark class="h-6 w-6 cursor-pointer fill-current" />
</div> </div>
<div v-if="isAuthenticated" @click="() => setToken('')"> <div v-if="isAuthenticated" @click="() => setToken('')">
<IconLogout class="h-6 w-6 cursor-pointer"></IconLogout> <IconLogout class="h-6 w-6 cursor-pointer fill-current"></IconLogout>
</div> </div>
<router-link to="/login" v-else> <router-link to="/login" v-else>
<IconLogin class="h-6 w-6 cursor-pointer"></IconLogin> <IconLogin class="h-6 w-6 cursor-pointer fill-current"></IconLogin>
</router-link> </router-link>
</header> </header>
</template> </template>

5
src/components/InputCheckbox.vue
View file

@ -3,7 +3,10 @@
<label class="mb-1 block w-full" :for="name">{{ label }}</label> <label class="mb-1 block w-full" :for="name">{{ label }}</label>
<div @click="handleChange(checked)"> <div @click="handleChange(checked)">
<IconToggleOn v-if="!checked" class="h-12 w-12 fill-emerald-700" /> <IconToggleOn v-if="!checked" class="h-12 w-12 fill-emerald-700" />
<IconToggleOff v-else class="h-12 w-12 cursor-pointer fill-stone-500" /> <IconToggleOff
v-else
class="h-12 w-12 cursor-pointer fill-stone-500 dark:fill-current"
/>
</div> </div>
</div> </div>
</template> </template>