sendou.ink/app/components/layout/NotificationPopover.module.css
2026-03-07 18:26:17 +01:00

47 lines
696 B
CSS

.popoverContainer {
min-width: 300px;
padding: 0;
background-color: var(--color-bg);
}
.popoverContainer svg {
width: 16px;
}
.noNotificationsContainer {
min-height: 200px;
}
.topContainer {
display: flex;
justify-content: space-between;
align-items: center;
padding: var(--s-1) var(--s-2);
& svg {
min-width: 18px;
min-height: 18px;
max-width: 18px;
max-height: 18px;
}
}
.header {
display: flex;
align-items: center;
font-size: var(--font-sm);
gap: var(--s-1);
}
.noNotifications {
display: grid;
place-items: center;
font-weight: var(--weight-semi);
color: var(--color-text-high);
margin-block-start: 65px;
}
.divider {
border-color: var(--color-border);
}