styles fixing

GatoImorrivel · Nov 13, 2023 · 48157f2 · 48157f2
1 parent 21f7dfd
commit 48157f2
Show file tree

Hide file tree

Showing 5 changed files with 63 additions and 1 deletion.
diff --git a/fretcat_editor/src/components/sidebar.rs b/fretcat_editor/src/components/sidebar.rs
@@ -35,9 +35,10 @@ impl Sidebar {
                 Button::new(
                     cx,
                     |ex| ex.emit(SidebarMessage::ChangeTab(SidebarTab::Effect)),
-                    |cx| Label::new(cx, "󰡀"),
+                    |cx| Label::new(cx, "󰤽"),
                 )
                 .class("tab-btn")
+                .class("effect-tab-btn")
                 .toggle_class(
                     "tab-selected-btn",
                     Self::current_tab.map(|tab| *tab == SidebarTab::Effect),
@@ -49,6 +50,7 @@ impl Sidebar {
                     |cx| Label::new(cx, ""),
                 )
                 .class("tab-btn")
+                .class("preset-tab-btn")
                 .toggle_class(
                     "tab-selected-btn",
                     Self::current_tab.map(|tab| *tab == SidebarTab::Preset),

diff --git a/fretcat_styles/editor/audio-slider.css b/fretcat_styles/editor/audio-slider.css
@@ -20,4 +20,12 @@ audio-slider slider .thumb {
     height: 2%;
     width: 105%;
     background-color: rgb(35, 35, 35);
+}
+
+audio-slider slider .thumb:hover {
+    background-color: rgb(199, 119, 43);
+}
+
+audio-slider slider .thumb:active {
+    background-color: rgb(199, 119, 43);
 }
diff --git a/fretcat_styles/editor/preset-control.css b/fretcat_styles/editor/preset-control.css
@@ -45,4 +45,13 @@ preset-control .save-btn label {
 
 preset-control > hstack {
     col-between: 1s;
+}
+
+preset-control button:hover {
+    border-width: 2px;
+    border-color: rgb(199, 119, 43);
+}
+
+preset-control textbox:hover {
+    color: rgb(199, 119, 43);
 }
diff --git a/fretcat_styles/editor/sidebar.css b/fretcat_styles/editor/sidebar.css
@@ -25,6 +25,14 @@ sidebar .tab-btn {
     border-radius: 50px;
 }
 
+sidebar .preset-tab-btn label {
+    font-size: 25;
+}
+
+sidebar .effect-tab-btn label {
+    font-size: 35;
+}
+
 sidebar .tab-btn label {
     color: #e3e3e3;
     text-align: center;
@@ -35,3 +43,8 @@ sidebar .tab-selected-btn {
     border-color: rgba(252, 145, 46, 1);
     border-width: 2px;
 }
+
+sidebar button:hover {
+    border-width: 2px;
+    border-color: rgb(199, 119, 43);
+}
diff --git a/fretcat_styles/fretcat-styles.css b/fretcat_styles/fretcat-styles.css
@@ -20,6 +20,14 @@ audio-slider slider .thumb {
     height: 2%;
     width: 105%;
     background-color: rgb(35, 35, 35);
+}
+
+audio-slider slider .thumb:hover {
+    background-color: rgb(199, 119, 43);
+}
+
+audio-slider slider .thumb:active {
+    background-color: rgb(199, 119, 43);
 }card-list .kind-btn {
     border-radius: 20px;
     background-color: rgb(33,33,33);
@@ -320,6 +328,15 @@ preset-control .save-btn label {
 
 preset-control > hstack {
     col-between: 1s;
+}
+
+preset-control button:hover {
+    border-width: 2px;
+    border-color: rgb(199, 119, 43);
+}
+
+preset-control textbox:hover {
+    color: rgb(199, 119, 43);
 }preset-list .kind-btn {
     border-radius: 20px;
     background-color: rgb(33,33,33);
@@ -383,6 +400,14 @@ sidebar .tab-btn {
     border-radius: 50px;
 }
 
+sidebar .preset-tab-btn label {
+    font-size: 25;
+}
+
+sidebar .effect-tab-btn label {
+    font-size: 35;
+}
+
 sidebar .tab-btn label {
     color: #e3e3e3;
     text-align: center;
@@ -393,6 +418,11 @@ sidebar .tab-selected-btn {
     border-color: rgba(252, 145, 46, 1);
     border-width: 2px;
 }
+
+sidebar button:hover {
+    border-width: 2px;
+    border-color: rgb(199, 119, 43);
+}
 .base-effect {
     border-top-right-radius: 15px;
     border-bottom-right-radius: 15px;