From ead7c02791a0464101eb7d62f86b54827acd60d0 Mon Sep 17 00:00:00 2001 From: RossAscends <124905043+RossAscends@users.noreply.github.com> Date: Wed, 12 Apr 2023 17:12:53 +0900 Subject: [PATCH] added HTML/CSS foundations for: - blur strength slider - UI preset selector - "save new UI preset" button --- public/index.html | 47 ++++++++++++++++++++++++++++++++++++++--------- public/style.css | 21 +++++++++++++++++++++ 2 files changed, 59 insertions(+), 9 deletions(-) diff --git a/public/index.html b/public/index.html index 8ba1fc479..a290293e3 100644 --- a/public/index.html +++ b/public/index.html @@ -1141,8 +1141,8 @@
-
-
+
+

UI Colors

@@ -1169,15 +1169,44 @@
-
-
-

Font Scale

+
+
+
+ Font Scale +
+
+ +
+
+ select +
-
- +
+
+ Blur Strength +
+
+ +
+
+ WIP +
-
- select +
+
+ UI Preset + +
+
+ + +
diff --git a/public/style.css b/public/style.css index 44be329eb..8ac3863c4 100644 --- a/public/style.css +++ b/public/style.css @@ -766,6 +766,7 @@ select { border: 1px solid var(--white30a); border-radius: 10px; margin-bottom: 10px; + height: min-content; } select option { @@ -3009,6 +3010,26 @@ toolcool-color-picker { flex-wrap: wrap; } +.flexnowrap { + flex-wrap: nowrap; +} + +.alignitemscenter { + align-items: center; +} + +.padding5 { + padding: 5px; +} + +.margin0 { + margin: 0; +} + +.margin-r5 { + margin-right: 5px; +} + .flex1 { flex: 1; }