archive-gh-me/nextui
1
0
Fork 0
mirror of https://github.com/nextui-org/nextui.git synced 2025-12-08 19:26:11 +00:00
Code Issues Projects Releases Wiki Activity

fix(docs): correct display of the "Toast" component in the Safari browser (#5400)

Browse Source
This commit is contained in:
Poli Sour 2025-06-19 11:33:20 +08:00 committed by GitHub
parent be6a1dbf40
commit 66dad4888a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
apps/docs/content/components/toast/placement.raw.jsx
View File

@ -6,7 +6,10 @@ export default function App() {
return (
<>
<ToastProvider placement={placement} toastOffset={placement.includes("top") ? 60 : 0} />
<div className="fixed z-[100]">
<ToastProvider placement={placement} toastOffset={placement.includes("top") ? 60 : 0} />
</div>
<div className="flex flex-wrap gap-2">
{[
["Top Left", "top-left"],

4
apps/docs/content/components/toast/simple.raw.jsx
View File

@ -3,7 +3,9 @@ import {addToast, Button, ToastProvider} from "@heroui/react";
export default function App() {
return (
<>
<ToastProvider />
<div className="fixed z-[100]">
<ToastProvider />
</div>
<div className="flex flex-wrap gap-2">
<Button
onPress={() => {