xiaoqu/dsh-worktable
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

style: cols picker as 5 white minus lines in taller capsule

Browse Source
This commit is contained in:
Aisland
2026-09-01 02:38:54 +08:00
parent 87a430c00b
commit 025c98d5da
3 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
01_content/src/client/split.tsx
+3 -3
View File
@@ -1190,11 +1190,11 @@ function ConsolePane() {
{openMenu === 'cols' && (
<div className="dsh-wt_drop dsh-wt_dropCols">
<div className="dsh-wt_vbar">
<span className="dsh-wt_vbarFill" style={{ height: ((cols - 1) / 4 * 100) + '%' }} />
<span className="dsh-wt_vbarFill" style={{ height: (8 + (cols - 1) * 21) + '%' }} />
{[1, 2, 3, 4, 5].map((v) => (
<button key={v} type="button" className="dsh-wt_vbarDot" style={{ top: ((v - 1) / 4 * 100) + '%' }} aria-label={String(v)} title={String(v)} onClick={() => onCols(v)}></button>
<button key={v} type="button" className="dsh-wt_vbarLine" style={{ top: (8 + (v - 1) * 21) + '%' }} aria-label={String(v)} title={String(v)} onClick={() => onCols(v)}></button>
))}
<span className="dsh-wt_vbarKnob" style={{ top: ((cols - 1) / 4 * 100) + '%' }} />
<span className="dsh-wt_vbarKnob" style={{ top: (8 + (cols - 1) * 21) + '%' }} />
</div>
</div>
)}