responsive fixes

wcgzorro · Jun 14, 2023 · 0075fb6 · 0075fb6
1 parent 9304f56
commit 0075fb6
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/app/r/[slug]/layout.tsx b/src/app/r/[slug]/layout.tsx
@@ -69,7 +69,7 @@ const Layout = async ({
           <ul className='flex flex-col col-span-2 space-y-6'>{children}</ul>
 
           {/* info sidebar */}
-          <div className='hidden md:block overflow-hidden h-fit rounded-lg border border-gray-200 order-first md:order-last'>
+          <div className='overflow-hidden h-fit rounded-lg border border-gray-200 order-first md:order-last'>
             <div className='px-6 py-4'>
               <p className='font-semibold py-3'>About r/{subreddit.name}</p>
             </div>

diff --git a/src/components/MiniCreatePost.tsx b/src/components/MiniCreatePost.tsx
@@ -18,7 +18,7 @@ const MiniCreatePost: FC<MiniCreatePostProps> = ({ session }) => {
 
   return (
     <li className='overflow-hidden rounded-md bg-white shadow'>
-      <div className='h-full px-6 py-4 sm:flex sm:justify-between gap-6'>
+      <div className='h-full px-6 py-4 flex justify-between gap-6'>
         <div className='relative'>
           <UserAvatar
             user={{

diff --git a/src/components/post-vote/PostVoteClient.tsx b/src/components/post-vote/PostVoteClient.tsx
@@ -78,7 +78,7 @@ const PostVoteClient = ({
   })
 
   return (
-    <div className='flex sm:flex-col gap-4 sm:gap-0 pr-6 sm:w-20 pb-4 sm:pb-0'>
+    <div className='flex flex-col gap-4 sm:gap-0 pr-6 sm:w-20 pb-4 sm:pb-0'>
       {/* upvote */}
       <Button
         onClick={() => vote('UP')}