tux/tpanel
1
0
Fork 0
mirror of https://github.com/tuxdotrs/tpanel.git synced 2025-12-16 12:20:05 +05:30
Code Issues Packages Projects Releases Wiki Activity

style: add style for time and tray widget

Browse Source
This commit is contained in:
tux
2025-05-31 18:38:40 +05:30
parent d5a24064e9
commit 9712b9e0ea
2 changed files with 32 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
style.scss
View File

@@ -16,16 +16,14 @@ window.Bar {
padding: 10px; padding: 10px;
.launcher { .launcher {
button { background-color: $inactive-color;
background-color: $inactive-color; border-radius: $rounded;
border-radius: $rounded; transition: all 0.15s ease-out;
transition: all 0.15s ease-out; padding: 0px;
padding: 0px; margin: 0px;
margin: 0px;
&:hover { &:hover {
background-color: $bg-color; background-color: $bg-color;
}
} }
} }
@@ -77,7 +75,16 @@ window.Bar {
color: $bg-color; color: $bg-color;
background-color: $inactive-color; background-color: $inactive-color;
border-radius: $rounded; 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 { .battery {
@@ -86,7 +93,16 @@ window.Bar {
color: $bg-color; color: $bg-color;
background-color: $inactive-color; background-color: $inactive-color;
border-radius: $rounded; 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;
} }
} }

11
widget/bar/launcher.tsx
View File

@@ -5,12 +5,11 @@ import { WINDOW_NAME } from "../app-launcher";
export const Launcher = () => { export const Launcher = () => {
return ( return (
<Gtk.ScrolledWindow <Gtk.ScrolledWindow heightRequest={40} widthRequest={40}>
heightRequest={40} <button
widthRequest={40} cssClasses={["launcher"]}
cssClasses={["launcher"]} onClicked={() => App.toggle_window(WINDOW_NAME)}
> >
<button onClicked={() => App.toggle_window(WINDOW_NAME)}>
<Picture <Picture
file={Gio.file_new_for_path("/home/tux/Wallpapers/avatar.png")} file={Gio.file_new_for_path("/home/tux/Wallpapers/avatar.png")}
contentFit={Gtk.ContentFit.CONTAIN} contentFit={Gtk.ContentFit.CONTAIN}