quick fix responsive

thanhdanh27600 · Aug 29, 2023 · 812abae · 812abae
1 parent 22617ec
commit 812abae
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/gadgets/FacebookPreview.tsx b/src/components/gadgets/FacebookPreview.tsx
@@ -15,7 +15,7 @@ export const FacebookPreview = ({ hash, ogTitle, ogDomain, ogDescription, ogImgS
   return (
     <div className="w-fit">
       <div className="ml-auto w-[315px] bg-gray-100/75 sm:w-[420px]">
-        <div className="w-full border border-solid border-gray-200 bg-cover bg-no-repeat sm:h-[220.5px]">
+        <div className="h-[165.375px] w-full border border-solid border-gray-200 bg-cover bg-no-repeat sm:h-[220.5px]">
           {ogImgSrc ? (
             <CldImage
               height={221}
@@ -26,7 +26,7 @@ export const FacebookPreview = ({ hash, ogTitle, ogDomain, ogDescription, ogImgS
             />
           ) : (
             <iframe
-              className="relative origin-top-left scale-[0.35]"
+              className="relative origin-top-left scale-[0.2625] sm:scale-[0.35]"
               width={1200}
               height={630}
               src={`${BASE_URL}/api/og?hash=${hash}&title=${encodeURIComponent(

diff --git a/src/components/gadgets/TwitterPreview.tsx b/src/components/gadgets/TwitterPreview.tsx
@@ -14,7 +14,7 @@ export const TwitterPreview = ({ hash, ogTitle, ogDomain, ogDescription, ogImgSr
   return (
     <div className="w-fit">
       <div className="ml-auto w-[315px] bg-gray-100/75 sm:w-[420px]">
-        <div className="w-full rounded-xl rounded-b-none border border-solid border-gray-200 bg-cover bg-no-repeat sm:h-[221px]">
+        <div className="h-[165.375px] w-full rounded-xl rounded-b-none border border-solid border-gray-200 bg-cover bg-no-repeat sm:h-[221px]">
           {ogImgSrc ? (
             <CldImage
               height={221}
@@ -25,7 +25,7 @@ export const TwitterPreview = ({ hash, ogTitle, ogDomain, ogDescription, ogImgSr
             />
           ) : (
             <iframe
-              className="relative origin-top-left scale-[0.35]"
+              className="relative origin-top-left scale-[0.2625] sm:scale-[0.35]"
               width={1200}
               height={630}
               src={`${BASE_URL}/api/og?hash=${hash}&title=${encodeURIComponent(