fix floating panel overflows content

This commit is contained in:
vchikalkin 2025-06-23 21:25:48 +03:00
parent c8ea506dc5
commit ff68ffbb6a
2 changed files with 2 additions and 1 deletions

View File

@ -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>

View File

@ -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 && (