1 2 3 4 5 6 7 8 9 10
/* Mermaid PWA - Settings Styles */ #settings-tab { display:flex; flex-direction:column; gap:12px; padding:16px; overflow-y:auto; height:100%; } .settings-group { background:var(--bg-1); border:1px solid var(--border); border-radius:8px; padding:14px; } .settings-group h3 { font-size:12px; text-transform:uppercase; color:var(--accent); margin-bottom:10px; letter-spacing:0.5px; } .settings-row { display:flex; gap:8px; align-items:center; margin-bottom:8px; } .settings-row label { flex:0 0 140px; font-size:12px; color:var(--fg-1); } .settings-row input, .settings-row select { flex:1; background:var(--bg-2); color:var(--fg); border:1px solid var(--border); border-radius:4px; padding:6px 10px; font:inherit; font-size:12px; } .settings-row input[type=checkbox] { flex:0 0 auto; width:18px; height:18px; } .settings-save { background:var(--accent-dim); color:var(--accent); border:1px solid var(--accent); border-radius:4px; padding:8px 16px; font:inherit; font-size:12px; cursor:pointer; align-self:flex-start; } .settings-save:hover { background:var(--accent); color:var(--bg); }