deploy Maps v10 update
This commit is contained in:
@@ -21,6 +21,9 @@
|
||||
@media(max-width:900px){.sidebar{width:70px;padding:18px 10px}.brand div,.sidebar nav a:not(.active)::after,.sidebar-foot div{display:none}.brand{padding:0 8px 25px}.sidebar nav a{justify-content:center;padding:12px}.main{margin-left:70px;width:calc(100% - 70px);padding:0 20px}.metric-grid{grid-template-columns:repeat(2,1fr)}.settings-grid,.dashboard-grid,.two-col{grid-template-columns:1fr}.wide-panel{grid-column:auto}.toolbar{flex-wrap:wrap}.toolbar .search{flex-basis:100%}}
|
||||
@media(max-width:560px){.main{padding:0 14px}.page-head{display:block}.page-head h1{font-size:25px}.metric-grid{gap:8px}.metric{padding:14px}.metric b{font-size:25px}.form-panel form{grid-template-columns:1fr}.form-panel label:first-child{grid-column:auto}.form-row{grid-column:auto}.inline-form{display:grid}.topbar{height:58px}.toolbar select,.toolbar button{flex:1}.list>div{display:block}.list span{display:block;margin-top:4px}}
|
||||
|
||||
/* refined visual system */
|
||||
:root{--navy:#111d2e;--ink:#1d2939;--muted2:#7b8798;--lav:#635bff;--bg:#f7f8fc;--card:#fff}body{background:var(--bg);color:var(--ink);letter-spacing:-.01em}.sidebar{background:var(--navy);width:248px;padding:28px 18px}.main{margin-left:248px;width:calc(100% - 248px);max-width:none;padding:0 58px 42px}.topbar{height:76px}.topbar b{font-size:13px;color:var(--ink)}.page-head{padding:48px 0 32px}.page-head h1{font-size:36px;line-height:1.1;letter-spacing:-1.4px;font-weight:760}.page-head p{font-size:14px;line-height:1.6;color:var(--muted2)}.panel,.metric{border-color:#e8ecf3;box-shadow:0 8px 26px #2334520a;border-radius:16px}.metric{min-height:139px;padding:24px}.metric b{font-size:34px;font-weight:760}.metric small{letter-spacing:1.4px}.panel{padding:27px}.panel-title h2{font-size:20px;letter-spacing:-.35px}.panel-title p{font-size:13px}.primary{background:var(--lav);box-shadow:0 7px 16px #635bff33;transition:.18s}.primary:hover{transform:translateY(-1px);box-shadow:0 9px 20px #635bff44}.secondary,.icon-btn{transition:.18s}.secondary:hover,.icon-btn:hover{border-color:#b9b5ff;background:#f7f6ff;color:#4f47df}.spot{padding:16px 4px}.spot:hover{background:#fafaff}.toolbar{padding-bottom:4px}.table-wrap table{min-width:850px}.table-wrap tr[data-open]{cursor:pointer}.table-wrap tbody tr:hover{background:#fbfbff}.table-wrap td{padding:17px 12px}.badge{font-size:10px;text-transform:capitalize;margin-right:7px}.drawer-backdrop{display:none}.detail-drawer{position:fixed;z-index:20;right:-470px;top:0;bottom:0;width:min(470px,100%);background:#fff;box-shadow:-18px 0 45px #17233d2b;padding:30px;overflow:auto;transition:right .24s ease}.detail-drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:24px;border-bottom:1px solid #edf0f5}.drawer-head h2{font-size:24px;margin:7px 0 0;letter-spacing:-.5px}.drawer-score{display:flex;align-items:center;gap:14px;padding:22px 0;border-bottom:1px solid #edf0f5}.drawer-score .score{width:48px;height:42px;font-size:17px}.drawer-score small{display:block;color:var(--muted2);font-size:11px;margin-top:3px}.drawer-section{padding:20px 0;border-bottom:1px solid #edf0f5}.drawer-section h3{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#8a96a8;margin:0 0 12px}.drawer-section p{font-size:13px;margin:7px 0;color:#47566d}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-grid span{font-size:11px;color:var(--muted2)}.detail-grid b{display:block;color:var(--ink);font-size:13px;margin-top:4px;text-transform:capitalize}.drawer-section ul{padding-left:19px;margin:0}.drawer-section li{font-size:13px;color:#4d5b70;padding:4px 0}.drawer-actions{display:flex;gap:9px;padding-top:22px}.drawer-actions a{display:inline-flex;align-items:center}.message-dialog{border-radius:18px}.message-dialog form{background:#fff}.message-dialog h2{font-size:22px;letter-spacing:-.5px}.message-dialog textarea:focus,.message-dialog input:focus,.settings-grid input:focus,.form-panel input:focus{outline:3px solid #635bff22;border-color:#8b85ff}@media(max-width:900px){.main{margin-left:70px;width:calc(100% - 70px);padding:0 24px 35px}.sidebar{width:70px}}@media(max-width:560px){.main{padding:0 15px 30px}.page-head h1{font-size:30px}.panel{padding:20px}.detail-drawer{padding:22px;width:100%}}
|
||||
|
||||
* { box-sizing: border-box; }
|
||||
html { scroll-behavior: smooth; }
|
||||
body { margin: 0; background: var(--soft); }
|
||||
|
||||
Reference in New Issue
Block a user