mirror of
https://github.com/vastxie/99AI.git
synced 2025-09-17 09:16:38 +08:00
9 lines
4.0 KiB
CSS
9 lines
4.0 KiB
CSS
|
|
/**
|
|
* 由 Fantastic-admin 提供技术支持
|
|
* Powered by Fantastic-admin
|
|
* https://fantastic-admin.github.io
|
|
*/
|
|
|
|
[data-mode=mobile] .sidebar-container[data-v-dcb72a24]{transform:translate(calc((var(--g-main-sidebar-width) + var(--g-sub-sidebar-width)) * -1))}[data-mode=mobile] .sidebar-container.show[data-v-dcb72a24]{transform:translate(0)}[data-mode=mobile] .main-container[data-v-dcb72a24]{margin-left:0!important}[data-mode=mobile][data-menu-mode=single] .sidebar-container[data-v-dcb72a24]{transform:translate(calc(var(--g-sub-sidebar-width) * -1))}[data-mode=mobile][data-menu-mode=single] .sidebar-container.show[data-v-dcb72a24]{transform:translate(0)}.layout[data-v-dcb72a24]{height:100%}#app-main[data-v-dcb72a24]{width:100%;height:100%;margin:0 auto}.wrapper[data-v-dcb72a24]{position:relative;width:100%;height:100%;transition:padding-top .3s}.wrapper .sidebar-container[data-v-dcb72a24]{position:fixed;top:0;bottom:0;z-index:1010;display:flex;width:calc(var(--g-main-sidebar-actual-width) + var(--g-sub-sidebar-actual-width));box-shadow:-1px 0 0 0 var(--g-border-color),1px 0 0 0 var(--g-border-color);transition:width .3s,transform .3s,box-shadow .3s,top .3s}.wrapper .sidebar-container[data-v-dcb72a24]:has(>.main-sidebar-container.main-sidebar-enter-active),.wrapper .sidebar-container[data-v-dcb72a24]:has(>.main-sidebar-container.main-sidebar-leave-active){overflow:hidden}.wrapper .sidebar-mask[data-v-dcb72a24]{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;visibility:hidden;background-image:radial-gradient(transparent 1px,rgba(0,0,0,.3) 1px);background-size:4px 4px;-webkit-backdrop-filter:saturate(50%) blur(4px);backdrop-filter:saturate(50%) blur(4px);opacity:0;transition:all .2s}.wrapper .sidebar-mask.show[data-v-dcb72a24]{visibility:visible;opacity:1}.wrapper .main-sidebar-container:not(.main-sidebar-leave-active)+.sub-sidebar-container[data-v-dcb72a24]{left:var(--g-main-sidebar-width)}.wrapper .main-container[data-v-dcb72a24]{display:flex;flex-direction:column;min-height:100%;margin-left:calc(var(--g-main-sidebar-actual-width) + var(--g-sub-sidebar-actual-width));background-color:var(--g-bg);box-shadow:-1px 0 0 0 var(--g-border-color),1px 0 0 0 var(--g-border-color);transition:margin-left .3s,background-color .3s,box-shadow .3s}.wrapper .main-container .main[data-v-dcb72a24]{position:relative;flex:auto;height:100%;overflow:hidden;transition:.3s}.wrapper .main-container .topbar-container.has-tabbar+.main[data-v-dcb72a24]{margin:var(--g-tabbar-height) 0 0}.wrapper .main-container .topbar-container.has-toolbar+.main[data-v-dcb72a24]{margin:var(--g-toolbar-height) 0 0}.wrapper .main-container .topbar-container.has-tabbar.has-toolbar+.main[data-v-dcb72a24]{margin:calc(var(--g-tabbar-height) + var(--g-toolbar-height)) 0 0}header:not(.header-leave-active)+.wrapper[data-v-dcb72a24]{padding-top:var(--g-header-height)}header:not(.header-leave-active)+.wrapper .sidebar-container[data-v-dcb72a24]{top:var(--g-header-height)}header:not(.header-leave-active)+.wrapper .sidebar-container[data-v-dcb72a24] .sidebar-logo{display:none}header:not(.header-leave-active)+.wrapper .main-container .topbar-container[data-v-dcb72a24]{top:var(--g-header-height)}.app-setting[data-v-dcb72a24]{--un-bg-opacity:1;background-color:rgb(var(--ui-primary) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));position:fixed;top:calc(50% + 250px);right:0;z-index:10;display:flex;align-items:center;justify-content:center;width:50px;height:50px;font-size:24px;cursor:pointer;border-top-left-radius:5px;border-bottom-left-radius:5px}.dark .app-setting[data-v-dcb72a24]{--un-text-opacity:1;color:rgb(34 34 34 / var(--un-text-opacity))}.app-setting .icon[data-v-dcb72a24]{animation:rotate-dcb72a24 5s linear infinite}@keyframes rotate-dcb72a24{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slide-right-enter-active[data-v-dcb72a24]{transition:.2s}.slide-right-leave-active[data-v-dcb72a24]{transition:.15s}.slide-right-enter-from[data-v-dcb72a24]{margin-left:-20px;opacity:0}.slide-right-leave-to[data-v-dcb72a24]{margin-left:20px;opacity:0}
|