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

fix toast centering on mobile

Browse Source
This commit is contained in:
Paul Miller
2023-04-26 18:16:27 -05:00
parent 8e8a67fdcc
commit 25f6c4eca0
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Toaster.tsx
View File

@@ -29,7 +29,7 @@ export function showToast(arg: ToastArg) {
export function ToastItem(props: { toastId: number, title: string, description: string, isError?: boolean }) {
return (
<Toast.Root toastId={props.toastId} class={`w-[80vw] max-w-[400px] p-4 bg-neutral-900/80 backdrop-blur-md shadow-xl rounded-xl border ${props.isError ? "border-m-red/50" : "border-white/10"} `}>
<Toast.Root toastId={props.toastId} class={`w-[80vw] max-w-[400px] mx-auto p-4 bg-neutral-900/80 backdrop-blur-md shadow-xl rounded-xl border ${props.isError ? "border-m-red/50" : "border-white/10"} `}>
<div class="flex gap-4 w-full justify-between">
<div>
<Toast.Title>