2 lines
1.8 KiB
CSS
2 lines
1.8 KiB
CSS
.mobile-top-bar[data-v-a82dc0db]{position:fixed;top:0;left:0;right:0;height:56px;background:var(--surface-card);border-bottom:1px solid var(--surface-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xs);z-index:1000;box-shadow:var(--shadow-sm)}.mobile-top-bar.selection-active[data-v-a82dc0db]{background:var(--blue-50);border-bottom-color:var(--blue-200)}.top-bar-left[data-v-a82dc0db],.top-bar-right[data-v-a82dc0db]{display:flex;align-items:center;gap:var(--space-xs);min-width:48px}.top-bar-btn[data-v-a82dc0db]{width:48px;height:48px;border-radius:var(--radius-full);color:var(--text-color)}.top-bar-btn.active[data-v-a82dc0db]{color:var(--color-primary);background:var(--blue-50)}.top-bar-title[data-v-a82dc0db]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-color);margin:0;flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .mobile-top-bar[data-v-a82dc0db]{background:var(--surface-card);border-bottom-color:var(--surface-border)}[data-theme=dark] .mobile-top-bar.selection-active[data-v-a82dc0db]{background:var(--blue-900);border-bottom-color:var(--blue-700)}[data-theme=dark] .top-bar-btn[data-v-a82dc0db]{color:var(--text-color)}[data-theme=dark] .top-bar-btn.active[data-v-a82dc0db]{color:var(--blue-400);background:var(--blue-900)}@media (prefers-color-scheme: dark){:root:not([data-theme]) .mobile-top-bar[data-v-a82dc0db]{background:var(--surface-card);border-bottom-color:var(--surface-border)}:root:not([data-theme]) .mobile-top-bar.selection-active[data-v-a82dc0db]{background:var(--blue-900);border-bottom-color:var(--blue-700)}:root:not([data-theme]) .top-bar-btn[data-v-a82dc0db]{color:var(--text-color)}:root:not([data-theme]) .top-bar-btn.active[data-v-a82dc0db]{color:var(--blue-400);background:var(--blue-900)}}
|