add mobile support, add window minimization, add icon higlighted state

This commit is contained in:
2026-01-30 20:46:44 -05:00
parent f678313f4c
commit 7f56539831
4 changed files with 273 additions and 59 deletions

View File

@@ -2,7 +2,7 @@
<Transition name="taskbar-fade">
<button
v-if="isOpen"
class="taskbar-item px-3 py-1 border-2 text-sm"
class="taskbar-item px-1 md:px-3 py-1 border-2 text-xs md:text-sm min-w-0"
:class="[
isActive
? 'bg-[#000080] text-white border-[#808080] border-r-white border-b-white active-button'
@@ -14,8 +14,9 @@
<component
:is="icon"
:size="16"
class="flex-shrink-0"
/>
<span>{{ label }}</span>
<span class="hidden sm:inline truncate">{{ label }}</span>
</div>
</button>
</Transition>