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:
@@ -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);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user