notifpopups: shrink image
This commit is contained in:
parent
a8f9d452e5
commit
dda2fad264
2 changed files with 11 additions and 5 deletions
|
|
@ -42,9 +42,14 @@ label.icon {
|
|||
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
margin-top: lib.s(3);
|
||||
min-width: lib.s(64);
|
||||
min-height: lib.s(64);
|
||||
margin-top: lib.s(3);
|
||||
|
||||
&.small {
|
||||
min-width: lib.s(48);
|
||||
min-height: lib.s(48);
|
||||
}
|
||||
}
|
||||
|
||||
.summary {
|
||||
|
|
|
|||
|
|
@ -51,18 +51,19 @@ const AppIcon = ({ appIcon, desktopEntry }: { appIcon: string; desktopEntry: str
|
|||
return icon ? <icon className="app-icon" icon={icon} /> : null;
|
||||
};
|
||||
|
||||
const Image = ({ icon }: { icon: string }) => {
|
||||
const Image = ({ popup, icon }: { popup?: boolean; icon: string }) => {
|
||||
if (GLib.file_test(icon, GLib.FileTest.EXISTS))
|
||||
return (
|
||||
<box
|
||||
valign={Gtk.Align.START}
|
||||
className="image"
|
||||
className={`image ${popup ? "small" : ""}`}
|
||||
css={`
|
||||
background-image: url("${icon}");
|
||||
`}
|
||||
/>
|
||||
);
|
||||
if (Astal.Icon.lookup_icon(icon)) return <icon valign={Gtk.Align.START} className="image" icon={icon} />;
|
||||
if (Astal.Icon.lookup_icon(icon))
|
||||
return <icon valign={Gtk.Align.START} className={`image ${popup ? "small" : ""}`} icon={icon} />;
|
||||
return null;
|
||||
};
|
||||
|
||||
|
|
@ -93,7 +94,7 @@ export default class Notification extends Widget.Box {
|
|||
</box>
|
||||
<box hexpand className="separator" />
|
||||
<box className="content">
|
||||
{notification.image && <Image icon={notification.image} />}
|
||||
{notification.image && <Image popup={popup} icon={notification.image} />}
|
||||
<box vertical>
|
||||
<label className="summary" xalign={0} label={notification.summary} truncate />
|
||||
{notification.body && (
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue