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

fix color in customer light-dark button

Browse Source
This commit is contained in:
yashkanakiya
2023-03-30 18:15:06 +05:30
parent 1b31f21099
commit 3e15aca9ef
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>