diff options
| author | Craig Jennings <c@cjennings.net> | 2026-06-09 19:34:29 -0500 |
|---|---|---|
| committer | Craig Jennings <c@cjennings.net> | 2026-06-09 19:34:29 -0500 |
| commit | 377e8d2a0bbf9119bd1df7f749d1d728c6cdf6c0 (patch) | |
| tree | d713d0078992e335285d61ffd625c3e6fd09fcd0 /scripts/theme-studio | |
| parent | 7d69d4df0086a408a52c85aedf1516eef18a1dce (diff) | |
| download | dotemacs-377e8d2a0bbf9119bd1df7f749d1d728c6cdf6c0.tar.gz dotemacs-377e8d2a0bbf9119bd1df7f749d1d728c6cdf6c0.zip | |
style(theme-studio): widen ramp tiles to the palette-tile width
The ramp preview tiles were narrower than the palette chips, so longer hexes and names had less room. They now match the palette tile width (128px) and hold the same column count.
Diffstat (limited to 'scripts/theme-studio')
| -rw-r--r-- | scripts/theme-studio/styles.css | 2 | ||||
| -rw-r--r-- | scripts/theme-studio/theme-studio.html | 2 |
2 files changed, 2 insertions, 2 deletions
diff --git a/scripts/theme-studio/styles.css b/scripts/theme-studio/styles.css index b874ee72..f2fc6b4b 100644 --- a/scripts/theme-studio/styles.css +++ b/scripts/theme-studio/styles.css @@ -66,7 +66,7 @@ .ramprow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font:10pt monospace;color:#b4b1a2} .ramprow input[type=number]{background:#0d0b0a;border:1px solid #252321;color:#cdced1;border-radius:4px;padding:4px 6px;font:10pt monospace} .rampprev{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px} - .rchip{width:74px;height:48px;border-radius:5px;border:1px solid #555;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font:bold 9pt monospace;line-height:1.3} + .rchip{width:128px;height:48px;border-radius:5px;border:1px solid #555;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font:bold 9pt monospace;line-height:1.3} .rchip .rhex{font-weight:normal;font-size:8pt;opacity:.85} .rchip .rclamp{position:absolute;top:2px;right:4px;color:#cb6b4d;font-weight:bold;font-size:12px} #rampmsg{font:10pt monospace;margin-top:6px;min-height:14px;color:#8a9496} diff --git a/scripts/theme-studio/theme-studio.html b/scripts/theme-studio/theme-studio.html index bc96441d..39a2a2ae 100644 --- a/scripts/theme-studio/theme-studio.html +++ b/scripts/theme-studio/theme-studio.html @@ -68,7 +68,7 @@ .ramprow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font:10pt monospace;color:#b4b1a2} .ramprow input[type=number]{background:#0d0b0a;border:1px solid #252321;color:#cdced1;border-radius:4px;padding:4px 6px;font:10pt monospace} .rampprev{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px} - .rchip{width:74px;height:48px;border-radius:5px;border:1px solid #555;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font:bold 9pt monospace;line-height:1.3} + .rchip{width:128px;height:48px;border-radius:5px;border:1px solid #555;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font:bold 9pt monospace;line-height:1.3} .rchip .rhex{font-weight:normal;font-size:8pt;opacity:.85} .rchip .rclamp{position:absolute;top:2px;right:4px;color:#cb6b4d;font-weight:bold;font-size:12px} #rampmsg{font:10pt monospace;margin-top:6px;min-height:14px;color:#8a9496} |