diff options
| author | Henry Jameson <me@hjkos.com> | 2024-09-28 20:33:30 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2024-09-28 20:33:30 +0300 |
| commit | 0cec6dc35641c406b22e997f4106b81d33bfc96c (patch) | |
| tree | 95eac8d7c30cf553b9fe9d0d7ee9f6458d77822e | |
| parent | d234ad8672bd927b4f1147ee57c08be81e637b4c (diff) | |
better small shadow-tweak styles
| -rw-r--r-- | src/components/shadow_control/shadow_control.scss | 6 | ||||
| -rw-r--r-- | src/components/shadow_control/shadow_control.vue | 2 |
2 files changed, 6 insertions, 2 deletions
diff --git a/src/components/shadow_control/shadow_control.scss b/src/components/shadow_control/shadow_control.scss index a374184b..dd049023 100644 --- a/src/components/shadow_control/shadow_control.scss +++ b/src/components/shadow_control/shadow_control.scss @@ -71,9 +71,13 @@ &.-no-preview { .shadow-tweak { order: 0; - flex: 2 0 20em; + flex: 2 0 8em; max-width: 100%; } + + .input-range { + min-width: 5em; + } } .inset-alert { diff --git a/src/components/shadow_control/shadow_control.vue b/src/components/shadow_control/shadow_control.vue index af24f15a..e1d20191 100644 --- a/src/components/shadow_control/shadow_control.vue +++ b/src/components/shadow_control/shadow_control.vue @@ -167,7 +167,7 @@ :disabled="disabled || !present || (separateInset && !selected?.inset)" :class="{ disabled: disabled || !present || (separateInset && !selected?.inset) }" name="spread" - class="input input-number -small" + class="input input-range" type="range" max="20" min="-20" |