fix: desktop layout

RaunoT · Jan 5, 2024 · fc9bed0 · fc9bed0
1 parent d5cc209
commit fc9bed0
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/app/_components/CardWrapper.tsx b/src/app/_components/CardWrapper.tsx
@@ -7,7 +7,7 @@ type Props = {
 
 export default function CardWrapper({ children, className }: Props) {
   return (
-    <div className='relative flex flex-1'>
+    <div className='relative flex flex-1 lg:flex-none'>
       <article
         className={clsx(
           'bg-gradient-card flex w-full flex-col rounded-3xl px-6 pb-4 pt-6 sm:px-8 sm:pt-8',

diff --git a/src/app/dashboard/layout.tsx b/src/app/dashboard/layout.tsx
@@ -17,7 +17,7 @@ export default async function DashboardLayout({ children }: Props) {
   isDashboardDisabled && notFound()
 
   return (
-    <div className='flex w-full max-w-2xl flex-1 flex-col lg:max-w-5xl 2xl:max-w-6xl'>
+    <div className='flex w-full max-w-2xl flex-1 flex-col lg:max-w-5xl lg:flex-none 2xl:max-w-6xl'>
       <PageTitle title='Dashboard' />
       <Suspense>
         <DashboardNav libraries={libraries} />

diff --git a/src/app/rewind/layout.tsx b/src/app/rewind/layout.tsx
@@ -11,7 +11,7 @@ export default function RewindLayout({ children }: Props) {
   isRewindDisabled && notFound()
 
   return (
-    <div className='flex w-full max-w-2xl flex-1 flex-col'>
+    <div className='flex w-full max-w-2xl flex-1 flex-col lg:flex-none'>
       <PageTitle title={`Rewind ${new Date().getFullYear()}`} />
       <CardWrapper className='lg:min-h-[80vh]'>{children}</CardWrapper>
     </div>