diff --git a/style.scss b/style.scss index 905c7ce..a38a9b8 100644 --- a/style.scss +++ b/style.scss @@ -16,16 +16,14 @@ window.Bar { padding: 10px; .launcher { - button { - background-color: $inactive-color; - border-radius: $rounded; - transition: all 0.15s ease-out; - padding: 0px; - margin: 0px; + background-color: $inactive-color; + border-radius: $rounded; + transition: all 0.15s ease-out; + padding: 0px; + margin: 0px; - &:hover { - background-color: $bg-color; - } + &:hover { + background-color: $bg-color; } } @@ -77,7 +75,16 @@ window.Bar { color: $bg-color; background-color: $inactive-color; border-radius: $rounded; - padding: 10px; + padding: 0px 10px; + } + + .tray { + font-size: $font-size; + font-weight: 900; + color: #fff; + background-color: $inactive-color; + border-radius: $rounded; + padding: 0px 10px; } .battery { @@ -86,7 +93,16 @@ window.Bar { color: $bg-color; background-color: $inactive-color; border-radius: $rounded; - padding: 10px; + padding: 0px 10px; + } + + .time { + font-size: $font-size; + font-weight: 900; + color: $bg-color; + background-color: $inactive-color; + border-radius: $rounded; + padding: 0px 10px; } } diff --git a/widget/bar/launcher.tsx b/widget/bar/launcher.tsx index 9e2d08a..7118140 100644 --- a/widget/bar/launcher.tsx +++ b/widget/bar/launcher.tsx @@ -5,12 +5,11 @@ import { WINDOW_NAME } from "../app-launcher"; export const Launcher = () => { return ( - -