fix(ui): responsive

sawaYch · Mar 7, 2024 · b9e7e57 · b9e7e57
1 parent 0010c5d
commit b9e7e57
Show file tree

Hide file tree

Showing 4 changed files with 44 additions and 4 deletions.
diff --git a/components/livestream-metadata-card.tsx b/components/livestream-metadata-card.tsx
@@ -9,7 +9,7 @@ const LiveStreamMetadataCard = () => {
   return (
     <>
       <BrowserView>
-        <Card className='flex flex-col items-center justify-center'>
+        <Card className='flex h-full flex-col items-center justify-center'>
           <CardContent className='flex flex-col items-center justify-center gap-8 p-4'>
             <Image
               src={liveMetadata?.thumbnail ?? ''}

diff --git a/components/poll-app-core.tsx b/components/poll-app-core.tsx
@@ -90,9 +90,9 @@ const PollAppCore = () => {
       {isReady && (
         <>
           <div
-            className={cn('flex flex-col', {
-              'flex-row space-x-2': !isMobile,
-              'space-y-2': isMobile,
+            className={cn('flex', {
+              'space-x-2': !isMobile,
+              'flex-col space-y-2': isMobile,
             })}
           >
             <LiveStreamMetadataCard />

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -22,6 +22,7 @@
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "dayjs": "^1.11.10",
+    "framer-motion": "^11.0.8",
     "lucide-react": "^0.343.0",
     "next": "14.1.0",
     "next-themes": "^0.2.1",