mirror of
https://github.com/aaPanel/aaPanel.git
synced 2026-08-17 21:25:47 +02:00
2 lines
3.7 KiB
CSS
2 lines
3.7 KiB
CSS
.sider-name[data-v-e0585ef8]{flex-shrink:0;align-items:center;gap:8px;padding:16px;display:flex;position:relative}.sider-name.is-collapsed[data-v-e0585ef8]{justify-content:center;padding:16px 10px}.sider-logo[data-v-e0585ef8]{flex-shrink:0}.task-count[data-v-e0585ef8]{--n-height:24px;--n-border-radius:6px;cursor:pointer;justify-content:center;min-width:24px;font-weight:700}.task-count.is-collapsed[data-v-e0585ef8]{--n-height:20px;min-width:20px;position:absolute;top:8px;right:6px}.bottom-toolbar[data-v-fff306c7]{flex-shrink:0;justify-content:space-between;align-items:center;height:52px;display:flex}.bottom-toolbar.is-collapsed[data-v-fff306c7]{justify-content:center}.toolbar-button[data-v-fff306c7]{--n-width:60px;--n-height:52px;--n-border-radius:0;--n-text-color:var(--color-text-3)}.toolbar-icon[data-v-fff306c7]{font-size:16px;line-height:1}.layout-sider[data-v-55a46b38]{z-index:1000;background:0 0}.sider-inner[data-v-55a46b38]{width:200px;transition:width .3s var(--n-bezier,cubic-bezier(.4, 0, .2, 1));flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0}.sider-inner.is-collapsed[data-v-55a46b38]{width:64px}.sider-inner.is-hover-expanded[data-v-55a46b38]{box-shadow:4px 0 12px rgba(0,0,0,.12)}.sider-inner[data-v-55a46b38]:after{content:"";z-index:-1;background-color:var(--n-color);width:100%;height:100%;opacity:var(--menu-bg-opacity);position:absolute;top:0;left:0}.sider-menu[data-v-55a46b38]{flex:1;min-height:0}[data-v-55a46b38] .n-menu-item-content-header{flex:1;min-width:0}.menu-setting-icon[data-v-55a46b38]{width:22px;height:22px;color:inherit;cursor:pointer;transition:color .2s var(--n-bezier,cubic-bezier(.4, 0, .2, 1)), background-color .2s var(--n-bezier,cubic-bezier(.4, 0, .2, 1)), transform .1s var(--n-bezier,cubic-bezier(.4, 0, .2, 1));border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-left:6px;line-height:1;display:inline-flex}.menu-setting-icon[data-v-55a46b38]:hover{color:var(--color-primary);background-color:var(--color-sider-hover)}.menu-setting-icon[data-v-55a46b38]:active{transform:scale(.92)}.n-menu[data-v-55a46b38]{--n-font-size:14px;--n-item-height:38px;--n-border-radius:6px;--n-item-text-color:var(--color-sider-text);--n-item-icon-color:var(--color-primary);--n-item-color-hover:var(--color-sider-hover);--n-item-color-active:var(--color-sider-active);--n-item-text-color-hover:var(--color-sider-hover-text);--n-item-icon-color-hover:var(--color-primary);--n-item-text-color-active:var(--color-sider-active-text);--n-item-text-color-active-hover:var(--color-sider-active-text);--n-item-color-active-collapsed:var(--color-primary)}.sider-inner.is-collapsed .n-menu[data-v-55a46b38] .n-menu-item-content:before{left:10px;right:10px}.n-menu[data-v-55a46b38] .n-menu-item:first-of-type{margin-top:0}.n-menu[data-v-55a46b38] .n-menu-item .n-menu-item-content:before{background-color:var(--color-sider);opacity:var(--menu-bg-opacity);left:16px;right:16px}.n-menu[data-v-55a46b38] .n-menu-item .n-menu-item-content:not(.n-menu-item-content--disabled):hover:before{background-color:var(--n-item-color-hover);opacity:1}.n-menu[data-v-55a46b38] .n-menu-item .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:before{background-color:var(--n-item-color-active);opacity:1}.n-layout-footer[data-v-5e6f10e3]{border-top-left-radius:10px;border-top-right-radius:10px}.layout-container[data-v-eaab9f2d]:before{content:"";background-image:var(--main-bg-image);background-position:100% 0;background-size:cover;background-color:var(--color-bg-1);width:100%;height:100%;opacity:var(--main-bg-opacity);position:absolute;top:0;left:0}.bt-layout[data-v-eaab9f2d]{--n-color:transparent}.bt-layout[data-v-eaab9f2d]>.n-layout-scroll-container{overflow-x:auto}
|