2 lines
8.0 KiB
CSS
2 lines
8.0 KiB
CSS
.vertical-nav-menu[data-v-3a4a908e]{height:100vh;border-left:1px solid #eef0f5;box-shadow:-4px 0 24px -16px #1018281f}.vertical-nav-menu[data-v-3a4a908e] .ant-layout-sider-children{display:flex;flex-direction:column;height:100%}.nav-header[data-v-3a4a908e]{height:61px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid #eef0f5}.nav-header.is-collapsed[data-v-3a4a908e]{justify-content:center;padding:0}.nav-logo[data-v-3a4a908e]{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;background:#fff;border:1px solid #eef0f5;box-shadow:0 4px 12px -6px #1c2d5659}.nav-logo img[data-v-3a4a908e]{width:64%}.nav-brand[data-v-3a4a908e]{display:flex;flex-direction:column;min-width:0;line-height:1.3}.nav-title[data-v-3a4a908e]{font-size:16px;font-weight:500;color:#1c2d56}.nav-subtitle[data-v-3a4a908e]{font-size:11px;color:#8a94a6}.nav-menu[data-v-3a4a908e]{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 0 24px;scrollbar-width:thin;scrollbar-color:#e3e7ef transparent}.nav-menu[data-v-3a4a908e]::-webkit-scrollbar{width:6px}.nav-menu[data-v-3a4a908e]::-webkit-scrollbar-thumb{border-radius:6px;background:#e3e7ef}:is(#app,.mobile-nav-drawer) .vertical-nav-menu .nav-menu.ant-menu{border-inline-end:none!important;background:transparent;font-size:13.5px}:is(#app,.mobile-nav-drawer) .vertical-nav-menu .ant-menu-item-group-title{padding:18px 24px 6px;font-size:11px;font-weight:500;letter-spacing:.3px;color:#a0a8b8}:is(#app,.mobile-nav-drawer) .vertical-nav-menu .ant-menu-inline-collapsed .ant-menu-item-group-title{padding:12px 0 4px;text-align:center;font-size:0}:is(#app,.mobile-nav-drawer) .vertical-nav-menu .ant-menu-inline-collapsed .ant-menu-item-group-title:after{content:"";display:inline-block;width:18px;height:2px;border-radius:2px;background:#e3e7ef}:is(#app,.mobile-nav-drawer) .vertical-nav-menu .ant-menu-inline .ant-menu-item,:is(#app,.mobile-nav-drawer) .vertical-nav-menu .ant-menu-inline .ant-menu-submenu-title{height:42px;line-height:42px;margin:2px 12px;width:calc(100% - 24px);border-radius:10px;color:#475467;transition:background .2s ease,color .2s ease}:is(#app,.mobile-nav-drawer) .vertical-nav-menu .ant-menu-item .ant-menu-item-icon,:is(#app,.mobile-nav-drawer) .vertical-nav-menu .ant-menu-submenu-title .ant-menu-item-icon{font-size:16px;color:#98a2b3;transition:color .2s ease}:is(#app,.mobile-nav-drawer) .vertical-nav-menu .ant-menu-item:not(.ant-menu-item-selected):hover,:is(#app,.mobile-nav-drawer) .vertical-nav-menu .ant-menu-submenu-title:hover{background:#f5f7fb!important;color:#1c2d56!important}:is(#app,.mobile-nav-drawer) .vertical-nav-menu .ant-menu-item:hover .ant-menu-item-icon,:is(#app,.mobile-nav-drawer) .vertical-nav-menu .ant-menu-submenu-title:hover .ant-menu-item-icon{color:#1c2d56}:is(#app,.mobile-nav-drawer) .vertical-nav-menu .ant-menu-item-selected{position:relative;background:#1c2d5614!important;color:#1c2d56!important;font-weight:500}:is(#app,.mobile-nav-drawer) .vertical-nav-menu .ant-menu-item-selected .ant-menu-item-icon{color:#1c2d56}:is(#app,.mobile-nav-drawer) .vertical-nav-menu .ant-menu-inline .ant-menu-item-selected:after{content:"";position:absolute;inset-inline-start:0;inset-inline-end:auto;top:10px;bottom:10px;width:3px;border:none;border-radius:3px;background:#1c2d56;opacity:1;transform:none}:is(#app,.mobile-nav-drawer) .vertical-nav-menu .ant-menu-submenu-selected>.ant-menu-submenu-title,:is(#app,.mobile-nav-drawer) .vertical-nav-menu .ant-menu-submenu-selected>.ant-menu-submenu-title .ant-menu-item-icon{color:#1c2d56;font-weight:500}:is(#app,.mobile-nav-drawer) .vertical-nav-menu .ant-menu-sub.ant-menu-inline{position:relative;background:transparent!important}:is(#app,.mobile-nav-drawer) .vertical-nav-menu .ant-menu-sub.ant-menu-inline:before{content:"";position:absolute;inset-inline-start:32px;top:4px;bottom:4px;width:1px;background:#e8ebf2}:is(#app,.mobile-nav-drawer) .vertical-nav-menu .ant-menu-sub .ant-menu-item{height:38px;line-height:38px;font-size:13px}.nav-popup.ant-menu-submenu-popup>.ant-menu{padding:6px;border-radius:14px;background:#fff;border:1px solid #eef0f5;box-shadow:0 12px 32px -12px #10182840}.nav-popup .ant-menu-item,.nav-popup .ant-menu-submenu-title{height:40px;line-height:40px;margin:2px 0;width:100%;border-radius:10px;color:#475467;font-size:13px;transition:background .2s ease,color .2s ease}.nav-popup .ant-menu-item .ant-menu-item-icon,.nav-popup .ant-menu-submenu-title .ant-menu-item-icon{color:#98a2b3}.nav-popup .ant-menu-item:not(.ant-menu-item-selected):hover,.nav-popup .ant-menu-submenu-title:hover{background:#f5f7fb!important;color:#1c2d56!important}.nav-popup .ant-menu-item-selected{position:relative;background:#1c2d5614!important;color:#1c2d56!important;font-weight:500}.nav-popup .ant-menu-item-selected .ant-menu-item-icon{color:#1c2d56}.nav-popup .ant-menu-item-selected:after{content:"";position:absolute;inset-inline-start:0;inset-inline-end:auto;top:10px;bottom:10px;width:3px;border:none;border-radius:3px;background:#1c2d56;opacity:1;transform:none}.nav-popup .ant-menu-submenu-selected>.ant-menu-submenu-title{color:#1c2d56;font-weight:500}#app .vertical-nav-menu .ant-menu-inline-collapsed .ant-menu-submenu-selected>.ant-menu-submenu-title,#app .vertical-nav-menu .ant-menu-inline-collapsed>.ant-menu-item-selected{background:#1c2d5614!important;color:#1c2d56!important}.the-navbar[data-v-5cc2d870]{height:61px;background:#fff;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f0}.nav-left[data-v-5cc2d870],.nav-right[data-v-5cc2d870]{display:flex;align-items:center;gap:12px}.nav-left[data-v-5cc2d870]{min-width:0;flex:1}.nav-right[data-v-5cc2d870]{flex-shrink:0}.page-title[data-v-5cc2d870]{font-size:16px;color:#1c2d56;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb[data-v-5cc2d870]{font-size:13px}.user-chip[data-v-5cc2d870]{display:inline-flex;align-items:center;gap:8px;cursor:pointer}@media (max-width: 991px){.the-navbar[data-v-5cc2d870]{height:56px;line-height:56px;padding:0 8px 0 16px}.nav-left[data-v-5cc2d870]{gap:4px}.breadcrumb[data-v-5cc2d870]{display:none}.page-title[data-v-5cc2d870]{font-size:15px;font-weight:600}}@media (max-width: 575px){.user-name[data-v-5cc2d870]{display:none}}.user-dropdown-overlay .ant-dropdown-menu{padding:0;box-shadow:none}.user-dropdown-overlay .user-card{width:220px;padding:12px;background:#fff;border-radius:10px;box-shadow:0 8px 28px -8px #1c2d5647}.user-dropdown-overlay .user-card__head{display:flex;align-items:center;gap:10px;padding:2px 4px 8px}.user-dropdown-overlay .user-card__id{display:flex;flex-direction:column;min-width:0}.user-dropdown-overlay .user-card__name{font-size:14px;font-weight:600;color:#1c2d56;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-overlay .user-card__mobile{font-size:12px;color:#8a909c;direction:ltr;text-align:right}.user-dropdown-overlay .user-card__divider{margin:4px 0}.user-dropdown-overlay .user-card__menu.ant-menu{border-inline-end:none;background:transparent}.user-dropdown-overlay .user-card__menu .ant-menu-item{display:flex;align-items:center;gap:8px;height:34px;line-height:34px;margin:0;padding-inline:6px!important;border-radius:6px;width:100%}.user-dropdown-overlay .user-card__menu .ant-menu-item:hover{background:#f4f5f6;color:#1c2d56}.user-dropdown-overlay .user-card__menu .anticon{font-size:15px;color:#8a909c}.layout--main[data-v-c1ea4b9d]{height:calc(var(--vh, 1vh) * 100);overflow:hidden}.layout--main[data-v-c1ea4b9d]>.ant-layout{height:100%}#content-area[data-v-c1ea4b9d]{padding:16px;background:#f8f8f8;display:flex;height:calc(var(--vh, 1vh) * 100 - 61px);overflow-y:auto;overflow-x:hidden}@media (max-width: 991px){#content-area[data-v-c1ea4b9d]{height:calc(var(--vh, 1vh) * 100 - 56px)}}.content-wrapper[data-v-c1ea4b9d],.content-area__content[data-v-c1ea4b9d]{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.mobile-nav-drawer .ant-drawer-body{padding:0;background:#fff}.mobile-nav-drawer .vertical-nav-menu{height:100%;border-left:none;background:#fff!important}
|