style: improve layout and responsiveness of custom toolbar

2025-06-27 10:06:57 +02:00 · 2025-06-27 10:06:57 +02:00 · 6c734f2d19
commit 6c734f2d19
parent 72c3f6c17f
3 changed files with 26 additions and 13 deletions
--- a/src/app/(main)/home/page.tsx
+++ b/src/app/(main)/home/page.tsx
@ -7,11 +7,13 @@ export default function Home() {
  const { data } = useGetApiUserMe();

  return (
-    <div className='max-h-full'>
-      <Calendar
-        userId={data?.data.user?.id}
-        height='calc(100svh - 50px - (var(--spacing) * 2 * 5))'
-      />
+    <div className='max-h-full flex justify-center items-center'>
+      <div className='w-full sm:w-[90%]'>
+        <Calendar
+          userId={data?.data.user?.id}
+          height='calc(100svh - 50px - (var(--spacing) * 2 * 5))'
+        />
+      </div>
    </div>
  );
 }