pleroma-fe

commit: 0cec6dc35641c406b22e997f4106b81d33bfc96c
parent d234ad8672bd927b4f1147ee57c08be81e637b4c
Author: Henry Jameson <me@hjkos.com>
Date:   Sat, 28 Sep 2024 20:33:30 +0300

better small shadow-tweak styles

Diffstat:
M
src/components/shadow_control/shadow_control.scss
6
+++++-
M
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
@@ -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
@@ -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"