flow/vue3js-app-proposal-for-sdk-claude
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Article toggle: single morphing label (default/overwrite) instead of two flanking labels

Browse Source
This commit is contained in:
c0dev0id 2026-06-28 21:39:33 +02:00
parent a91b5747a3
commit b822e4d919
1 changed files with 1 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
static/components/PaneFO.js
View File

@ -163,15 +163,13 @@ export const PaneFO = {
const flip = () => { p.scope = isOverwrite ? 'defaults' : 'overwrites'; markDirty(); }; const flip = () => { p.scope = isOverwrite ? 'defaults' : 'overwrites'; markDirty(); };
return h('li', { key: idx, style: 'display:flex;gap:0.5rem;align-items:center;padding:0.25rem 0' }, [ return h('li', { key: idx, style: 'display:flex;gap:0.5rem;align-items:center;padding:0.25rem 0' }, [
h('span', { style: 'flex:1' }, `${p.name} = ${p.value}`), h('span', { style: 'flex:1' }, `${p.name} = ${p.value}`),
h('span', { class: ['se-toggle-label', !isOverwrite ? 'active' : null], style: 'text-align:right' }, 'default'),
h('button', { h('button', {
class: 'se-toggle', class: 'se-toggle',
role: 'switch', role: 'switch',
'aria-checked': String(isOverwrite), 'aria-checked': String(isOverwrite),
title: isOverwrite ? 'overwrites — click to switch to defaults' : 'defaults — click to switch to overwrites',
onClick: flip, onClick: flip,
}), }),
h('span', { class: ['se-toggle-label', isOverwrite ? 'active' : null] }, 'overwrite'), h('span', { class: 'se-toggle-label active' }, isOverwrite ? 'overwrite' : 'default'),
]); ]);
}) })
), ),