2 lines
5.3 KiB
CSS
2 lines
5.3 KiB
CSS
.web-user-entry[data-v-8716efd4]{padding:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs);background:var(--web-surface);border:1px solid var(--web-line);border-radius:var(--radius-lg)}.web-user-entry.active[data-v-8716efd4]{background:var(--web-brand-soft);border-color:transparent}.web-user-entry__profile[data-v-8716efd4]{min-width:0;padding:0;display:flex;align-items:center;flex:1;gap:var(--space-sm);color:var(--web-text);background:transparent;border:0;cursor:pointer;text-align:left}.web-user-entry__avatar[data-v-8716efd4]{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;overflow:hidden;color:var(--web-muted);background:var(--web-raised);border-radius:var(--radius-sm)}.web-user-entry__avatar img[data-v-8716efd4]{width:100%;height:100%;object-fit:cover}.web-user-entry__copy[data-v-8716efd4]{min-width:0;display:flex;flex-direction:column}.web-user-entry__copy strong[data-v-8716efd4],.web-user-entry__copy small[data-v-8716efd4]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-user-entry__copy strong[data-v-8716efd4]{font-size:13px}.web-user-entry__copy small[data-v-8716efd4]{margin-top:2px;color:var(--web-muted);font-size:11px}.web-user-entry__logout[data-v-8716efd4]{width:var(--control-height-md);height:var(--control-height-md);flex:0 0 var(--control-height-md);display:grid;place-items:center;color:var(--web-muted);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer;transition:color .18s,background-color .18s}.web-user-entry__logout[data-v-8716efd4]:hover:not(:disabled){color:var(--web-danger);background:var(--web-hover)}.web-sidebar[data-v-c624bd8f]{height:100%;padding:var(--space-lg) var(--space-md) var(--space-md);display:flex;flex-direction:column;background:var(--web-sidebar);border-right:1px solid var(--web-line)}.web-sidebar__brand[data-v-c624bd8f]{height:48px;padding:0 var(--space-sm);display:flex;align-items:center;gap:var(--space-md);color:var(--web-text);background:transparent;border:0;cursor:pointer;text-align:left;border-radius:var(--radius-md);transition:background-color .18s}.web-sidebar__brand[data-v-c624bd8f]:hover{background:var(--web-hover)}.web-sidebar__brand>span[data-v-c624bd8f]{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;overflow:hidden;background:var(--web-surface);border:1px solid var(--web-line);border-radius:var(--radius-sm)}.web-sidebar__brand img[data-v-c624bd8f]{width:32px;height:32px;object-fit:contain}.web-sidebar__brand strong[data-v-c624bd8f]{display:flex;flex-direction:column;font-size:17px;font-weight:650;line-height:1.2;white-space:nowrap}.web-sidebar__nav[data-v-c624bd8f]{margin-top:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xs)}.web-sidebar__nav button[data-v-c624bd8f],.web-sidebar__account[data-v-c624bd8f]{min-height:44px;padding:0 var(--space-md);display:flex;align-items:center;gap:var(--space-md);color:var(--web-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background-color .18s,color .18s,border-color .18s}.web-sidebar__nav button[data-v-c624bd8f]:hover:not(:disabled):not(.active),.web-sidebar__account[data-v-c624bd8f]:hover:not(.active){color:var(--web-text);background:var(--web-hover)}.web-sidebar__nav button[data-v-c624bd8f]:disabled{color:var(--web-muted);background:transparent;cursor:not-allowed;opacity:.55}.web-sidebar__nav button.active[data-v-c624bd8f],.web-sidebar__account.active[data-v-c624bd8f]{color:var(--web-brand-hover);background:var(--web-brand-soft);border-color:transparent;font-weight:600}.web-sidebar__footer[data-v-c624bd8f]{margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--web-line)}.web-sidebar.is-collapsed[data-v-c624bd8f]{padding-inline:var(--space-sm)}.web-sidebar.is-collapsed .web-sidebar__brand[data-v-c624bd8f]{justify-content:center;padding:0}.web-sidebar.is-collapsed .web-sidebar__nav button[data-v-c624bd8f],.web-sidebar.is-collapsed .web-sidebar__account[data-v-c624bd8f]{width:44px;margin-inline:auto;padding:0;justify-content:center}.web-layout[data-v-09e56ee6]{min-height:100dvh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);color:var(--web-text);background:var(--web-bg)}.web-layout.is-collapsed[data-v-09e56ee6]{grid-template-columns:var(--sidebar-width-collapsed) minmax(0,1fr)}.web-layout.is-fullscreen[data-v-09e56ee6]{grid-template-columns:minmax(0,1fr)}.web-layout__sidebar[data-v-09e56ee6]{position:sticky;top:0;height:100dvh;z-index:20}.web-layout__main[data-v-09e56ee6]{min-width:0;min-height:100dvh;overflow:hidden}.web-layout__mobile-bar[data-v-09e56ee6]{position:sticky;top:0;z-index:19;height:var(--mobile-bar-height);padding:0 var(--space-lg);display:flex;align-items:center;gap:var(--space-md);background:var(--web-sidebar);border-bottom:1px solid var(--web-line)}.web-layout__mobile-bar strong[data-v-09e56ee6]{font-size:15px;font-weight:600}.web-layout__menu[data-v-09e56ee6]{width:var(--control-height-lg);height:var(--control-height-lg);display:grid;place-items:center;color:var(--web-text);background:var(--web-surface);border:1px solid var(--web-line);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .18s}.web-layout__menu[data-v-09e56ee6]:hover:not(:disabled){background:var(--web-hover)}@media (max-width: 767px){.web-layout[data-v-09e56ee6]{display:block}}.web-drawer .el-drawer__body{padding:0;background:var(--web-sidebar)}
|