UI/UX Overhaul: NavBar, Icons, Mobile Menu, and Status Panel Integration

- Przeniesienie tytułu i wybieraka języka do nowego komponentu NavBar
- Integracja biblioteki flag-icons i mapowanie kodów języków na kraje
- Wdrożenie biblioteki ikon lucide-vue-next i zastąpienie wszystkich emoji ikonami SVG
- Implementacja pełnoekranowego, responsywnego menu mobilnego (hamburger menu)
- Przeniesienie przycisków akcji (Reset, Cofnij) do komponentu StatusPanel
- Nowy układ panelu statusu (połączone statystyki i akcje w jednym szklanym panelu)
- Usunięcie przestarzałych komponentów (GameActions, LevelSelector)
- Poprawki wizualne i stylowe (glassmorphism, animacje przejść)
This commit is contained in:
2026-02-09 22:40:16 +01:00
parent a5ebbf6d46
commit bdb7839293
10 changed files with 815 additions and 570 deletions

View File

@@ -32,12 +32,13 @@ defineProps({
v-for="(group, index) in hints"
:key="index"
class="hint-group"
:class="{ 'hint-alt': index % 2 !== 0, 'is-active': index === activeIndex }"
:class="{ 'is-active': index === activeIndex }"
>
<span
v-for="(num, idx) in group"
:key="idx"
class="hint-num"
:class="{ 'hint-alt': idx % 2 !== 0 }"
>
{{ num }}
</span>
@@ -94,8 +95,8 @@ defineProps({
padding: 2px;
}
/* Alternating Colors */
.hint-group.hint-alt .hint-num {
/* Alternating Colors within the group */
.hint-num.hint-alt {
color: var(--accent-cyan);
}