fix floating panel overflows content
This commit is contained in:
parent
c8ea506dc5
commit
ff68ffbb6a
@ -24,6 +24,7 @@ export default async function SlotPage(props: Readonly<Props>) {
|
||||
<Container>
|
||||
<SlotDateTime {...parameters} />
|
||||
<SlotOrdersList {...parameters} />
|
||||
<div className="pb-24" />
|
||||
<SlotButtons {...parameters} />
|
||||
</Container>
|
||||
</HydrationBoundary>
|
||||
|
||||
@ -20,7 +20,7 @@ export default function FloatingActionPanel({
|
||||
onToggle,
|
||||
}: FloatingActionPanelProps) {
|
||||
return (
|
||||
<Card className="sticky inset-x-4 bottom-4 rounded-3xl border-0 bg-background/80 p-4 shadow-2xl backdrop-blur-sm dark:bg-background/10 md:bottom-6 md:left-auto md:right-6 md:p-6">
|
||||
<Card className="fixed inset-x-4 bottom-4 z-50 rounded-3xl border-0 bg-background/80 p-4 shadow-2xl backdrop-blur-sm dark:bg-background/10 md:bottom-6 md:left-auto md:right-6 md:p-6">
|
||||
<div className="flex flex-col items-center gap-2 sm:flex-row sm:gap-4">
|
||||
{/* Кнопка закрыть/открыть */}
|
||||
{onToggle && (
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user