styles: improve responsiveness

allbertuu · Dec 5, 2023 · a90c007 · a90c007 · vercel · Dec 5, 2023
1 parent d2b0d03
commit a90c007
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/PostHeader/index.tsx b/src/components/PostHeader/index.tsx
@@ -56,7 +56,7 @@ export const PostHeader: React.FC = () => {
     <div className="rounded-xl bg-blue-600 px-6 py-8 text-blue-50 shadow-lg shadow-black/20 sm:px-10">
       {post && (
         <>
-          <div className="flex justify-between">
+          <div className="flex justify-between flex-wrap gap-2">
             <Link
               showIcon
               iconSide="left"

diff --git a/src/components/github/Avatar/index.tsx b/src/components/github/Avatar/index.tsx
@@ -16,7 +16,7 @@ const Avatar: FunctionComponent<AvatarProps> = ({ imageUrl }) => {
         // TODO: inserir uma imagem de fallback
         src={imageUrl || ''}
         alt="Foto de perfil do GitHub"
-        className="mx-auto w-full max-w-[7.8125rem] cursor-pointer rounded-xl"
+        className="mx-auto w-3/4 sm:max-w-[7.8125rem] cursor-pointer rounded-xl"
         width={460}
         height={460}
         onClick={() => handleImageClick()}

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -17,9 +17,9 @@
     @apply border-[0.25rem] border-blue-500 bg-red-500/90;
   }
 
-  @media (max-width: 360px) {
+  @media (max-width: 370px) {
     html {
-      font-size: 80%;
+      font-size: 90%;
     }
   }