diff options
| author | elioat <elioat@tilde.institute> | 2025-03-30 00:27:49 -0400 |
|---|---|---|
| committer | elioat <elioat@tilde.institute> | 2025-03-30 00:27:49 -0400 |
| commit | 6adbfd6cbf3c0d53346657adf4ad8e5a9d22732c (patch) | |
| tree | e2c69843106a00d7c47a5134b89fb9e787ab30bf | |
| parent | 256b5f64472007bf06c479e81ed5c8d16f8f6afb (diff) | |
| download | tour-6adbfd6cbf3c0d53346657adf4ad8e5a9d22732c.tar.gz | |
*
| -rw-r--r-- | js/leibovitz/index.html | 19 |
1 files changed, 16 insertions, 3 deletions
diff --git a/js/leibovitz/index.html b/js/leibovitz/index.html index e845b98..d15b623 100644 --- a/js/leibovitz/index.html +++ b/js/leibovitz/index.html @@ -203,6 +203,7 @@ width: 100%; max-width: 300px; margin: 0 auto; + padding: 0 10px; } .contrast-control label { font-size: 12px; @@ -213,10 +214,20 @@ .contrast-control input[type="range"] { width: 100%; } - + .contrast-control .slider-container { + display: flex; + align-items: center; + gap: 10px; + width: 100%; + } + .contrast-control .slider-container input[type="range"] { + flex: 1; + } #block-size-value { font-size: 12px; color: #666; + min-width: 40px; + text-align: right; } </style> </head> @@ -238,8 +249,10 @@ <div id="settings-container"> <div class="contrast-control" id="pixel-size-control" style="display: none;"> <label for="block-size-slider">Pixel Size</label> - <input type="range" id="block-size-slider" min="1" max="12" value="4" step="1"> - <span id="block-size-value">4px</span> + <div class="slider-container"> + <input type="range" id="block-size-slider" min="1" max="12" value="4" step="1"> + <span id="block-size-value">4px</span> + </div> </div> <div class="top-controls"> <select id="dither-select"> |