root/spritesheet-generator
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FEAT] Moved buttons for more space

Browse Source
This commit is contained in:
root
2025-11-25 17:59:09 +01:00
parent 386393e507
commit 9717ab9575
2 changed files with 41 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/utilities/DarkModeToggle.vue
View File

@@ -1,14 +1,11 @@
<template>
<button
@click="settingsStore.toggleDarkMode()"
class="relative p-3 rounded-xl transition-all duration-300 shadow-lg hover:shadow-xl group"
:class="settingsStore.darkMode ? 'bg-indigo-600 text-yellow-300' : 'bg-blue-500 text-white'"
class="inline-flex items-center gap-2 px-8 py-3 bg-white/80 hover:bg-white dark:bg-gray-800/80 dark:hover:bg-gray-800 border border-gray-200 dark:border-gray-700 text-gray-700 dark:text-gray-300 rounded-lg hover:shadow-md transition-all"
aria-label="Toggle dark mode"
data-rybbit-event="toggle-dark-mode"
>
<div class="relative w-6 h-6 flex items-center justify-center">
<i :class="settingsStore.darkMode ? 'fas fa-sun' : 'fas fa-moon'" class="text-xl transition-all duration-300 group-hover:scale-110"></i>
</div>
<i :class="settingsStore.darkMode ? 'fas fa-sun' : 'fas fa-moon'"></i>
</button>
</template>