aljaz/mutiny-web
1
0
Fork 0
mirror of https://github.com/aljazceru/mutiny-web.git synced 2026-01-06 07:44:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix toaster z-index

Browse Source
This commit is contained in:
Paul Miller
2023-07-14 16:15:28 -05:00
parent 1de14268b3
commit 9056308dec
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Toaster.tsx
View File

@@ -6,8 +6,8 @@ import { SmallHeader } from "./layout";
export function Toaster() {
return (
<Portal>
<Toast.Region class="top-0 fixed flex gap-4 w-full justify-center safe-top safe-left safe-right safe-bottom">
<Toast.List class="z-[9999] max-w-[100vw] w-[400px] mt-8 flex flex-col gap-4" />
<Toast.Region class="z-[9999] top-0 fixed flex gap-4 w-full justify-center safe-top safe-left safe-right safe-bottom">
<Toast.List class="max-w-[100vw] w-[400px] mt-8 flex flex-col gap-4" />
</Toast.Region>
</Portal>
);
@@ -58,7 +58,7 @@ export function ToastItem(props: {
<p>{props.description}</p>
</Toast.Description>
</div>
<Toast.CloseButton class="hover:bg-white/10 rounded-lg active:bg-m-blue flex-0">
<Toast.CloseButton class="hover:bg-white/10 rounded-lg active:bg-m-blue flex-0 w-8 h-8">
<img src={close} alt="Close" />
</Toast.CloseButton>
</div>