doxa-life/doxa-maps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Shared layout and legend tools on the DX palette; keep dark-surface ink ramps

Browse source
This commit is contained in:
doxa-maps-88655c70 2026-09-20 06:15:37 +00:00
parent edb935f46a
commit 981cc40633
3 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
library/components/legends/LegendTools.vue
View file

@ -51,7 +51,7 @@ useShadowStyles(`
.lt-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:transparent;border:none;cursor:pointer;font-size:12px;font-weight:600;color:#374151;border-radius:9999px 0 0 9999px;transition:background 0.15s;}
.lt-btn:last-child{border-radius:0 9999px 9999px 0;}
.lt-btn:hover{background:rgba(59,130,246,0.08);}
.lt-btn.active{background:rgba(59,130,246,0.12);color:#2563eb;}
.lt-btn.active{background:var(--dx-accent-weak, rgba(146,177,149,0.18));color:var(--dx-text, #3b463d);}
.lt-btn-icon{font-size:13px;line-height:1;}
.lt-btn-text{font-size:12px;line-height:1;}
.lt-side-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 10px;background:transparent;border:none;border-left:1px solid #e5e7eb;cursor:pointer;color:#6b7280;border-radius:0 9999px 9999px 0;transition:background 0.15s;}
@ -64,7 +64,7 @@ useShadowStyles(`
.lt-popup{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.10);z-index:1100;min-width:160px;padding:4px 0;}
.lt-popup-row{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;color:#374151;cursor:pointer;transition:background 0.12s;}
.lt-popup-row:hover{background:rgba(59,130,246,0.08);}
.lt-popup-row.active{background:rgba(59,130,246,0.12);color:#2563eb;font-weight:600;}
.lt-popup-row.active{background:var(--dx-accent-weak, rgba(146,177,149,0.18));color:var(--dx-text, #3b463d);font-weight:600;}
.lt-popup-icon{font-size:13px;}
.lt-overlay{position:fixed;inset:0;z-index:1099;background:transparent;}

8
library/layouts/VerticalTabsLayout.vue
View file

@ -321,9 +321,9 @@ const VTL_SHADOW_CSS = `
.vtl-content { flex:1 1 auto; position:relative; min-height:0; contain:layout paint; }
.vtl-host { position:absolute; inset:0; }
.vtl-host-slot { position:absolute; inset:0; }
.vtl-host-hint { position:absolute; inset:0; display:grid; place-items:center; text-align:center; color:#94a3b8; font-size:13px; padding:20px; }
.vtl-host-hint { position:absolute; inset:0; display:grid; place-items:center; text-align:center; color:var(--dx-muted, #6d766e); font-size:13px; padding:20px; }
.vtl-host-hint.err { color:#f87171; }
.vtl-host-hint small { color:#64748b; }
.vtl-host-hint small { color:var(--dx-muted, #6d766e); }
.vtl.rail-collapsed .vtl-nav { transform:translateX(-196px); }
.vtl.rail-collapsed .vtl-main { left:60px; }
.vtl.rail-collapsed .vtl-collapse { padding-left:196px; justify-content:flex-start; }
@ -660,9 +660,9 @@ export default defineComponent({
.vtl-content { flex:1 1 auto; position:relative; min-height:0; contain:layout paint; }
.vtl-host { position:absolute; inset:0; }
.vtl-host-slot { position:absolute; inset:0; }
.vtl-host-hint { position:absolute; inset:0; display:grid; place-items:center; text-align:center; color:#94a3b8; font-size:13px; padding:20px; }
.vtl-host-hint { position:absolute; inset:0; display:grid; place-items:center; text-align:center; color:var(--dx-muted, #6d766e); font-size:13px; padding:20px; }
.vtl-host-hint.err { color:#f87171; }
.vtl-host-hint small { color:#64748b; }
.vtl-host-hint small { color:var(--dx-muted, #6d766e); }
.vtl.rail-collapsed .vtl-nav { transform:translateX(-196px); }
.vtl.rail-collapsed .vtl-main { left:60px; }
.vtl.rail-collapsed .vtl-collapse { padding-left:196px; justify-content:flex-start; }

2
plugin-designs/doxa-maps-spa/doxa-maps-spa.vue
View file

@ -678,7 +678,7 @@ export default defineComponent({
color: #6d766e; font-size: 13px; padding: 20px;
}
.dms-hint.err { color: #f87171; }
.dms-hint small { color: #64748b; }
.dms-hint small { color: var(--dx-muted, #6d766e); }
/* #brand logo mark (left of the shell title). */
.dms-logo { display: inline-flex; align-items: center; }