Merge branch 'develop'

README.md

@@ -40,7 +40,7 @@ git clone https://github.com/RaunoT/plex-rewind.git --branch main
 
 3. Run `docker compose build` to build the application and then `docker compose up -d` to start it.
 
-   To update, download the latest release, or if you cloned the repo, run `git pull` and repeat the docker compose commands.
+   To update, download the latest release, or if you cloned the repo, run `git pull` and then `docker compose up --build`.
 
 4. The application should now be running on [http://localhost:8383](http://localhost:8383).
 

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',

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} />

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>