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

refactor(notifications): improve notification UX

Browse Source
This commit is contained in:
tux
2025-09-26 13:28:22 +05:30
parent cb09eb5353
commit a24b448560
2 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
style/_notification.scss
View File

@@ -12,6 +12,16 @@ window.notifications {
min-width: 20rem; min-width: 20rem;
.header { .header {
.close {
padding: 10px;
background: $inactive-color;
border-radius: $rounded;
&:hover {
background: $bg-color;
}
}
.app-icon { .app-icon {
-gtk-icon-size: 2rem; -gtk-icon-size: 2rem;
} }

6
widgets/notifications/notification.tsx
View File

@@ -57,7 +57,11 @@ export const Notification = ({ n }: { n: AstalNotifd.Notification }) => {
label={n.appName || "Unknown"} label={n.appName || "Unknown"}
/> />
<label class="time" hexpand halign={END} label={time(n.time)} /> <label class="time" hexpand halign={END} label={time(n.time)} />
<button onClicked={() => n.dismiss()}> <button
class="close"
onClicked={() => n.dismiss()}
cursor={Gdk.Cursor.new_from_name("pointer", null)}
>
<image iconName="window-close-symbolic" /> <image iconName="window-close-symbolic" />
</button> </button>
</box> </box>