diff --git a/gui/src/lib.rs b/gui/src/lib.rs index bc3dad13..16ac2136 100644 --- a/gui/src/lib.rs +++ b/gui/src/lib.rs @@ -80,7 +80,6 @@ fn LabeledProgressBar(numerator: u32, denominator: u32) -> impl IntoView { 0.0 } .round(); - let width_percentage = format!("{:.0}%", percent); view! {
@@ -348,8 +347,9 @@ fn App() -> impl IntoView { width: 100%; overflow: hidden; background-color: var(--background-color); - font-size: xx-large; + font-size: x-large; font-family: "Noto Sans", sans-serif; + font-weight: 400; } #app { @@ -369,7 +369,7 @@ fn App() -> impl IntoView { } .widget-title { - font-weight: bold; + font-weight: 500; } .widget-main-content { @@ -381,6 +381,10 @@ fn App() -> impl IntoView { } + .widget-description { + font-size: large; + } + .widget-title, .widget-description { flex: 1; @@ -393,6 +397,7 @@ fn App() -> impl IntoView { top: 0; z-index: 1; font-family: 'Code New Roman', monospace; + font-size: xxx-large; } #title-widget .widget-content { @@ -404,6 +409,12 @@ fn App() -> impl IntoView { background-color: transparent; cursor: default; } + + .header-title { + color: var(--widget-background); + font-weight: 700; + font-size: xx-large; + } .labeled-progress-bar { display: flex; @@ -420,7 +431,7 @@ fn App() -> impl IntoView { display: flex; align-items: center; justify-content: center; - font-weight: bold; + font-weight: 600; } .progress-container { @@ -437,7 +448,7 @@ fn App() -> impl IntoView { padding: 2%; box-sizing: border-box; border-radius: var(--border-radius); - background-color: var(--background-color); + background-color: var(--text-color); overflow: hidden; position: relative; }