tux/tpanel
1
0
Fork 0
mirror of https://github.com/tuxdotrs/tpanel.git synced 2025-10-10 12:51:54 +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;
.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;
}
}

11
widget/bar/launcher.tsx
View File

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