fix(rewind): card size on tablet

RaunoT · Jan 5, 2024 · 77fad40 · 77fad40
1 parent 427e672
commit 77fad40
Show file tree

Hide file tree

Showing 2 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 sm:block'>
+    <div className='relative flex flex-1 lg:block'>
       <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/rewind/_components/RewindStories.tsx b/src/app/rewind/_components/RewindStories.tsx
@@ -117,9 +117,9 @@ export default function RewindStories({ userRewind, user }: Props) {
     <Stories
       stories={stories}
       classNames={{
-        main: 'flex flex-1 flex-col !bg-transparent pt-10 sm:pt-8',
+        main: '!bg-transparent pt-10 sm:pt-8 flex flex-1 justify-center flex-col',
         storyContainer:
-          '!bg-transparent flex flex-1 flex-col sm:justify-center',
+          '!bg-transparent *:sm:flex *:sm:flex-col *:sm:justify-center',
       }}
     />
   )