Fix notification styling

This commit is contained in:
Jas Singh
2024-07-01 19:43:28 -07:00
parent 8f54a92e80
commit 98cb6c26f0
4 changed files with 6 additions and 13 deletions

View File

@@ -37,7 +37,6 @@ const Center = () => {
spacing: 5, spacing: 5,
children: [ children: [
BarItemBox(Media()), BarItemBox(Media()),
// BarItemBox(Notification())
], ],
}); });
}; };

View File

@@ -15,13 +15,14 @@
.menu-content-container.notifications { .menu-content-container.notifications {
margin: 1.35em; margin: 1.35em;
margin-bottom: 0em;
min-height: 4em; min-height: 4em;
} }
.notification-menu-controls { .notification-menu-controls {
background: $base; background: $base;
margin: 1em 1.3em; margin: 1em 1.3em;
margin-bottom: 0em; margin-bottom: 0.5em;
border-radius: 0.4em; border-radius: 0.4em;
padding: 0.4em 0.75em; padding: 0.4em 0.75em;
} }
@@ -34,12 +35,7 @@
} }
.notification-card-content-container { .notification-card-content-container {
&:first-child {
margin-top: 0.5em;
}
&:not(:last-child) {
margin-bottom: 1em; margin-bottom: 1em;
}
} }
.menu-label-container.notifications { .menu-label-container.notifications {

View File

@@ -1071,13 +1071,14 @@ window#powermenu .powermenu.box {
.menu-content-container.notifications { .menu-content-container.notifications {
margin: 1.35em; margin: 1.35em;
margin-bottom: 0em;
min-height: 4em; min-height: 4em;
} }
.notification-menu-controls { .notification-menu-controls {
background: #1e1e2e; background: #1e1e2e;
margin: 1em 1.3em; margin: 1em 1.3em;
margin-bottom: 0em; margin-bottom: 0.5em;
border-radius: 0.4em; border-radius: 0.4em;
padding: 0.4em 0.75em; padding: 0.4em 0.75em;
} }
@@ -1089,10 +1090,7 @@ window#powermenu .powermenu.box {
margin: 0em; margin: 0em;
} }
.notification-card-content-container:first-child { .notification-card-content-container {
margin-top: 0.5em;
}
.notification-card-content-container:not(:last-child) {
margin-bottom: 1em; margin-bottom: 1em;
} }

File diff suppressed because one or more lines are too long