2 lines
2.0 KiB
CSS
2 lines
2.0 KiB
CSS
.mobile-bottom-nav[data-v-d64cc71a]{position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--surface-card);border-top:1px solid var(--surface-border);display:flex;align-items:stretch;justify-content:space-around;z-index:var(--z-fixed);box-shadow:0 -2px 8px #00000014}.bottom-nav-item[data-v-d64cc71a]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);color:var(--text-color-secondary);text-decoration:none;font-size:var(--text-xs);font-weight:var(--font-medium);background:none;border:none;cursor:pointer;transition:color var(--transition-fast);padding:var(--space-xs);min-width:48px}.bottom-nav-item i[data-v-d64cc71a]{font-size:var(--text-xl)}.bottom-nav-item[data-v-d64cc71a]:active{background:var(--surface-hover)}.bottom-nav-item.active[data-v-d64cc71a],.bottom-nav-item.router-link-active[data-v-d64cc71a],.bottom-nav-item.active i[data-v-d64cc71a],.bottom-nav-item.router-link-active i[data-v-d64cc71a]{color:var(--color-primary)}[data-theme=dark] .mobile-bottom-nav[data-v-d64cc71a]{background:var(--surface-card);border-top-color:var(--surface-border);box-shadow:0 -2px 8px #0000004d}[data-theme=dark] .bottom-nav-item[data-v-d64cc71a]{color:var(--text-color-secondary)}[data-theme=dark] .bottom-nav-item[data-v-d64cc71a]:active{background:var(--surface-hover)}[data-theme=dark] .bottom-nav-item.active[data-v-d64cc71a],[data-theme=dark] .bottom-nav-item.router-link-active[data-v-d64cc71a]{color:var(--blue-400)}@media (prefers-color-scheme: dark){:root:not([data-theme]) .mobile-bottom-nav[data-v-d64cc71a]{background:var(--surface-card);border-top-color:var(--surface-border);box-shadow:0 -2px 8px #0000004d}:root:not([data-theme]) .bottom-nav-item[data-v-d64cc71a]{color:var(--text-color-secondary)}:root:not([data-theme]) .bottom-nav-item[data-v-d64cc71a]:active{background:var(--surface-hover)}:root:not([data-theme]) .bottom-nav-item.active[data-v-d64cc71a],:root:not([data-theme]) .bottom-nav-item.router-link-active[data-v-d64cc71a]{color:var(--blue-400)}}
|