TheCloneArmy/crater
1
0
Fork 1
mirror of https://github.com/crater-invoice/crater.git synced 2025-10-28 04:01:10 -04:00
Code Issues Packages Projects Releases Wiki Activity

Dark cust light dark button (#1208)

Browse Source 
* add LightDark option for customer dashboard

* fix color in customer light-dark button

---------

Co-authored-by: yashkanakiya <yashkanakiya281297@gmail.com>
This commit is contained in:
Yogesh Gohil
2023-03-30 18:48:17 +05:30
committed by GitHub
parent 18dc88682c
commit de235a91e5
1 changed files with 11 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
resources/scripts/components/CustomerLightDarkButton.vue
View File

@ -2,22 +2,20 @@
<button <button
type="button" type="button"
class=" class="
bg-white flex
p-1.5 h-8
rounded-full w-8
text-gray-400 items-center
hover:text-gray-500 justify-center
focus:outline-none rounded-md
focus:ring-2 transition
focus:ring-primary-500 hover:bg-zinc-900/5
dark:bg-transparent dark:hover:bg-white/5
dark:focus:ring-gray-500
" "
@click="onChange" @click="onChange"
> >
<BaseIcon v-if="!globalStore.isDarkModeOn" class="h-5 w-5 text-black" name="SunIcon" />
<BaseIcon v-if="!globalStore.isDarkModeOn" class="h-5 w-5 text-yellow-500" name="SunIcon" /> <BaseIcon v-else class="h-5 w-5 text-white" name="MoonIcon" />
<BaseIcon v-else class="h-5 w-5 text-primary-400" name="MoonIcon" />
</button> </button>
</template> </template>
<script setup> <script setup>