Fixed notification center styling

This commit is contained in:
Lucas Oliveira 2023-07-11 22:32:19 -03:00
commit 562792938e
2 changed files with 2 additions and 2 deletions

View file

@ -24,7 +24,7 @@ export default function AlertDropdown({}: AlertDropdownType) {
return (
<div
ref={componentRef}
className="z-10 flex h-[500px] w-[400px] flex-col overflow-hidden rounded-md bg-background px-2 py-3 pb-4 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
className="z-10 flex h-[500px] w-[400px] flex-col overflow-hidden rounded-md bg-muted px-2 py-3 pb-4 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
>
<div className="text-md flex flex-row justify-between pl-3 font-medium text-foreground">
Notifications

View file

@ -121,7 +121,7 @@ export default function Header() {
<>
<div
className="absolute z-10"
style={{ top: top + 34, left: left - AlertWidth }}
style={{ top: top + 40, left: left - AlertWidth }}
>
<AlertDropdown />
</div>