30 lines
6.8 KiB
CSS
30 lines
6.8 KiB
CSS
.ga-workspace { display:grid; grid-template-columns:245px minmax(0,1fr); gap:12px; padding:0 16px 12px; height:calc(100dvh - 120px); min-height:560px; color:var(--text,#1d2733); font-size:12px; }
|
|
.ga-workspace[hidden] { display:none; }
|
|
.ga-workspace button,.ga-workspace select,.ga-workspace input { font:inherit; }
|
|
.ga-workspace button { border:1px solid #cad5de; background:white; color:#273d51; border-radius:5px; padding:8px 11px; cursor:pointer; }
|
|
.ga-workspace button:hover { background:#eef5fc; border-color:#7b9dbc; }
|
|
.ga-workspace button:disabled { opacity:.45; cursor:default; }
|
|
.ga-workspace .ga-primary { color:white; border-color:#1f5fa8; background:#1f5fa8; }
|
|
.ga-settings { background:white; border:1px solid #d5dce3; border-radius:8px; overflow:auto; padding:16px; }
|
|
.ga-workspace .ga-settings input[type="checkbox"] { width:14px; height:14px; min-height:0; margin:0; padding:0; flex:0 0 14px; }
|
|
.ga-workspace .ga-settings fieldset label { min-height:24px; margin:0; flex-direction:row; }
|
|
.ga-sidebar-title { font-size:15px; font-weight:700; margin-bottom:18px; }.ga-sidebar-title span { display:block; color:#7890a5; font-size:8px; letter-spacing:.12em; margin-top:4px; }
|
|
.ga-settings > label,.ga-setting-pair label { display:flex; flex-direction:column; gap:5px; margin-bottom:13px; color:#526677; }
|
|
.ga-settings select { width:100%; padding:8px; background:#fff; border:1px solid #d1dce5; border-radius:5px; color:#243c50; }
|
|
.ga-setting-pair { display:grid; grid-template-columns:1fr 1.3fr; gap:8px; }.ga-settings fieldset { border:0; padding:0; margin:15px 0; }.ga-settings legend { font-weight:700; margin-bottom:8px; }.ga-settings fieldset label { display:flex; align-items:center; gap:7px; padding:4px 0; }.ga-settings input { accent-color:#1f5fa8; }
|
|
#ga-regenerate { width:100%; margin-bottom:10px; }.ga-layers label i { width:9px;height:9px;border-radius:2px; }.ga-layers label small { margin-left:auto; font-size:8px; color:#8a99a7; }
|
|
.ga-notices { border-top:1px solid #dfe6ec; padding-top:14px; font-size:10px; line-height:1.8; color:#697d8d; }.ga-notices h3 { font-size:12px;color:#304c62; }.ga-notices ul { padding-left:14px;color:#8b602a; }
|
|
.ga-main { display:flex; flex-direction:column; min-width:0; background:white; border:1px solid #d5dce3; border-radius:8px; overflow:hidden; }
|
|
.ga-toolbar { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; border-bottom:1px solid #d9e2e9; padding:12px 15px; background:#fff; }.ga-toolbar>div:first-child { min-width:140px; }.ga-toolbar span { display:block;font-size:9px;color:#7a8b99; max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }.ga-toolbar strong { display:block;font-size:15px; margin-top:3px; }.ga-toolbar-actions { display:flex;flex-wrap:wrap;gap:6px; }.ga-toolbar-actions button { padding:7px 9px; font-size:11px; }
|
|
.ga-viewer { position:relative; flex:1; min-height:350px; background-color:#e8edf2; background-image:linear-gradient(#cfd9e438 1px,transparent 1px),linear-gradient(90deg,#cfd9e438 1px,transparent 1px);background-size:22px 22px; overflow:hidden; }
|
|
.ga-canvas { width:100%;height:100%;position:absolute;inset:0;cursor:grab;touch-action:none; }.ga-canvas.is-panning { cursor:grabbing; }.ga-canvas>svg { display:block;width:100%;height:100%; user-select:none; }.ga-canvas [data-entity]:hover { filter:drop-shadow(0 0 .25px #087fcb); }
|
|
#ga-empty { position:absolute;inset:0;display:grid;place-content:center;color:#6d8295;font-size:14px;padding:24px;text-align:center; }#ga-empty[hidden]{display:none;}
|
|
.ga-zoom { position:absolute;right:15px;bottom:15px;display:flex;gap:5px;box-shadow:0 4px 15px #17324914; }.ga-zoom button{background:#fffffff0;min-width:34px;}
|
|
.ga-status { display:flex;justify-content:space-between;gap:10px;padding:7px 14px;border-top:1px solid #dce4eb;color:#708393;font-size:10px; }
|
|
.ga-print-dialog { width:min(1100px,94vw); max-height:92dvh; overflow:auto; padding:15px; border:1px solid #bdccd8; border-radius:10px; background:#e5ebf0; }.ga-print-dialog::backdrop { background:#14253688; }.ga-print-toolbar { display:flex;align-items:center;gap:12px; margin-bottom:15px; }.ga-print-toolbar span { flex:1; font-size:11px;color:#657b8e; }#ga-print-sheet svg { width:100%;height:auto;display:block;box-shadow:0 2px 12px #233e5320; }
|
|
@media(max-width:1100px){.ga-workspace{grid-template-columns:210px minmax(0,1fr);height:calc(100dvh - 150px)}.ga-toolbar-actions{gap:4px}.ga-toolbar-actions button{font-size:10px;padding:6px}}
|
|
@media(max-width:760px){.ga-workspace{grid-template-columns:165px minmax(0,1fr);padding:0 6px 6px;gap:6px;min-height:650px}.ga-settings{padding:10px}.ga-setting-pair{grid-template-columns:1fr}.ga-toolbar{padding:9px}.ga-status{flex-direction:column}.ga-toolbar-actions button{min-height:30px}}
|
|
.ga-sheet-dialog { width:min(1150px,94vw); max-height:92dvh; overflow:auto; border:1px solid #bdccd8; border-radius:9px; padding:20px; background:#fff; color:#243c50; }
|
|
.ga-sheet-dialog::backdrop { background:#14253699; }.ga-sheet-dialog header,.ga-sheet-dialog footer { display:flex;justify-content:space-between;gap:20px;align-items:center; }.ga-sheet-dialog strong{font-size:18px}.ga-sheet-dialog p{font-size:11px;line-height:1.7;color:#6f8294}.ga-editor-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-block:1px solid #dfe6ee;padding:12px 0}.ga-editor-tools label{display:flex;gap:5px;align-items:center}.ga-sheet-dialog input[type=checkbox]{width:14px;height:14px;min-height:0}.ga-editor-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ga-editor-columns section{min-width:0}.ga-editor-columns h3{font-size:13px;margin-top:20px}.ga-editor-columns label{display:grid;grid-template-columns:150px minmax(0,1fr);gap:5px;font-size:11px;align-items:center;margin:8px 0}.ga-editor-columns label small{grid-column:2;color:#92a0ac;font-size:9px}.ga-editor-columns input,.ga-editor-columns textarea{box-sizing:border-box;width:100%;border:1px solid #cbd8e3;border-radius:4px;padding:7px;font:inherit;color:#203e55;background:white;min-height:0}.ga-editor-columns textarea{font-size:12px;line-height:1.7;resize:vertical}.ga-sheet-dialog footer{position:sticky;bottom:-20px;padding:14px 0;background:#fff;border-top:1px solid #dce4ec;font-size:11px}.ga-editor-intro{background:#f1f7fc;padding:10px}.ga-editor-columns .ga-setting-pair label{display:flex;flex-direction:column;align-items:stretch}@media(max-width:900px){.ga-editor-columns{grid-template-columns:1fr}.ga-editor-columns label{grid-template-columns:110px minmax(0,1fr)}}
|
|
.ga-issue-box{display:none}.ga-show-quality .ga-issue-box{display:block}.ga-workspace .ga-quality-dialog{width:min(850px,92vw)}.ga-quality-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e1e8ee;padding:9px 0;font-size:12px}.ga-quality-dialog [data-list]{padding:20px 0;min-height:60px}.ga-quality-dialog label{display:flex;align-items:center;gap:8px}.ga-quality-dialog input{height:14px;width:14px;min-height:0}
|