fix: better scrolling on mobile

This commit is contained in:
2025-06-07 02:21:06 +02:00
parent f4fd993679
commit d309fb3f57

View File

@ -7,7 +7,7 @@ import { Outlet } from "react-router";
const DashboardLayout: FC = () => {
return (
<div className="relative z-10 flex items-center justify-center min-h-screen">
<Card className="min-h-screen w-full min-w-full max-h-screen shadow-lg bg-white/85 dark:bg-black/85 backdrop-blur-md sm:rounded-none overflow-y-auto sm:overflow-hidden">
<Card className="min-h-screen w-full min-w-full max-h-screen shadow-lg bg-white/85 dark:bg-black/85 backdrop-blur-md sm:rounded-none overflow-hidden">
<div className="flex flex-col w-full h-full flex-1 items-center sm:pt-0 relative">
<div className="flex flex-row items-center absolute left-4 top-4">
<img src="/icon.png" alt="icon" className="w-6 h-6" />
@ -25,7 +25,7 @@ const DashboardLayout: FC = () => {
>
<div className="flex flex-row">
<Sidebar />
<div className="max-w-full flex-1 sm:max-h-screen overflow-y-auto">
<div className="max-w-full flex-1 h-screen max-h-screen overflow-y-auto">
<div className="flex flex-col w-full items-center gap-2">
<TopBar />
</div>