admin/hspguard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: scrolling + background + height on devices

Browse Source
This commit is contained in:
Amir Adal
2025-06-07 02:37:03 +02:00
parent eacc8fdd89
commit ad635008eb
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/Home/TopBar/index.tsx
View File

@ -6,7 +6,7 @@ const TopBar: FC = () => {
const [barItems, isActive] = useBarItems();
return (
<div className="sm:hidden flex w-full overflow-x-auto sm:overflow-x-visible max-w-full min-w-full sm:justify-center sm:space-x-4 no-scrollbar shadow-md shadow-gray-300 dark:shadow-gray-700 dark:bg-black/70 bg-white/70 pt-14">
<div className="sm:hidden flex w-full overflow-x-auto sm:overflow-x-visible max-w-full min-w-full sm:justify-center sm:space-x-4 no-scrollbar shadow-md shadow-gray-300 dark:shadow-gray-700 dark:bg-black/70 bg-white/70">
{barItems.map((item) => (
<Link to={item.pathname} key={item.tab}>
<div

10
web/src/layout/DashboardLayout.tsx
View File

@ -7,9 +7,9 @@ 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-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">
<Card className="min-h-screen w-full min-w-full h-screen max-h-screen shadow-lg bg-white/85 dark:bg-black/85 backdrop-blur-md sm:rounded-none overflow-y-auto sm:overflow-hidden">
<div className="flex flex-col w-full h-full flex-1 items-center sm:pt-0">
<div className="flex w-full sm:w-auto p-4 sm:p-0 flex-row items-center sm:absolute sm:left-4 sm:top-4">
<img src="/icon.png" alt="icon" className="w-6 h-6" />
<div className="ml-2">
@ -20,12 +20,12 @@ const DashboardLayout: FC = () => {
</div>
<CardContent
className="w-full h-full max-h-full space-y-4 flex-1 bg-black/5 dark:bg-white/5"
className="w-full space-y-4 flex-1 bg-black/5 dark:bg-white/5"
spacing={false}
>
<div className="flex flex-row">
<Sidebar />
<div className="max-w-full flex-1 h-screen max-h-screen overflow-y-auto">
<div className="max-w-full flex-1 sm:overflow-y-auto sm:max-h-screen">
<div className="flex flex-col w-full items-center gap-2">
<TopBar />
</div>