updated css for progress bar and modal content visibility.

by-The-Lindemans · Sep 23, 2024 · 1531c4b · 1531c4b
1 parent 0b93409
commit 1531c4b
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/gui/src/lib.rs b/gui/src/lib.rs
@@ -379,16 +379,17 @@ fn App() -> impl IntoView {
                 }
                 
                 .progress-bar {
-                    width: 80%;
+                    width: 75%;
+                    height: 25%;
                     border-radius: var(--border-radius);
+                    background-color: var(--background-color);
                     overflow: hidden;
                     margin: 0 auto;
                 }
 
                 .progress {
-                    height: 20px;
+                    height: 100%;
                     background-color: var(--progress-color);
-                    transition: width 0.3s;
                 }
 
                 .modal-overlay {
@@ -415,6 +416,10 @@ fn App() -> impl IntoView {
                     overflow-x: hidden;
                 }
 
+                .modal-main-content {
+                    height:25%;
+                }
+
                 .modal-history p {
                     text-align: left;
                     border-top: 1px solid var(--background-color);