feat(frontend): titlu „ROA Space" colorat în meniu și header mobil
Redenumește titlul aplicației din „Space Booking" în „ROA Space” (alături de iconița LayoutDashboard, aceeași ca favicon-ul) și îl colorează cu accentul aplicației, în sidebar și în header-ul mobil. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -8,7 +8,7 @@
|
|||||||
<button class="mobile-hamburger" @click="toggleMobile" aria-label="Open menu">
|
<button class="mobile-hamburger" @click="toggleMobile" aria-label="Open menu">
|
||||||
<Menu :size="22" />
|
<Menu :size="22" />
|
||||||
</button>
|
</button>
|
||||||
<span class="mobile-title">Space Booking</span>
|
<span class="mobile-title">ROA Space</span>
|
||||||
<div class="mobile-actions">
|
<div class="mobile-actions">
|
||||||
<!-- Notification Bell -->
|
<!-- Notification Bell -->
|
||||||
<div class="notification-wrapper">
|
<div class="notification-wrapper">
|
||||||
@@ -228,7 +228,7 @@ onUnmounted(() => {
|
|||||||
.mobile-title {
|
.mobile-title {
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: var(--color-text-primary);
|
color: var(--color-accent);
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
<aside class="sidebar" :class="{ collapsed, 'mobile-open': mobileOpen }">
|
<aside class="sidebar" :class="{ collapsed, 'mobile-open': mobileOpen }">
|
||||||
<div class="sidebar-header" @click="handleHeaderClick" :title="collapsed ? 'Expand sidebar' : 'Collapse sidebar'">
|
<div class="sidebar-header" @click="handleHeaderClick" :title="collapsed ? 'Expand sidebar' : 'Collapse sidebar'">
|
||||||
<LayoutDashboard :size="24" class="sidebar-logo-icon" />
|
<LayoutDashboard :size="24" class="sidebar-logo-icon" />
|
||||||
<span v-show="showLabels" class="sidebar-title">Space Booking</span>
|
<span v-show="showLabels" class="sidebar-title">ROA Space</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<PropertySelector v-show="showLabels" />
|
<PropertySelector v-show="showLabels" />
|
||||||
@@ -224,7 +224,7 @@ const handleLogout = () => {
|
|||||||
.sidebar-title {
|
.sidebar-title {
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: var(--sidebar-text-active);
|
color: var(--color-accent);
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user