fix: home og container fixed size

Signed-off-by: Innei <i@innei.in>
Innei · May 29, 2024 · 13468e0 · 13468e0
1 parent 9314ff8
commit 13468e0
Showing 1 changed file with 15 additions and 8 deletions.
diff --git a/src/app/(app)/og/route.tsx b/src/app/(app)/og/route.tsx
@@ -83,30 +83,38 @@ const HomeOGImage: FC<AggregateRoot> = ({ seo, user: { avatar } }) => {
         width={256}
       />
 
-      <p
+      <div
         style={{
           display: 'flex',
           flexDirection: 'column',
+          marginLeft: '3rem',
+          width: '500px',
+          overflow: 'hidden',
+          alignItems: 'center',
+          justifyContent: 'center',
         }}
       >
         <h3
           style={{
             color: '#ffffff99',
             fontSize: '3.5rem',
+            whiteSpace: 'nowrap',
           }}
         >
           {seo.title}
         </h3>
         <p
           style={{
             fontSize: '1.8rem',
-
+            height: '5.2rem',
+            overflow: 'hidden',
+            lineClamp: 2,
             color: '#ffffff89',
           }}
         >
           {seo.description}
         </p>
-      </p>
+      </div>
     </div>
   )
 }
@@ -279,10 +287,9 @@ export const GET = async (req: NextRequest) => {
               style={{
                 color: 'rgba(255, 255, 255, 0.92)',
                 fontSize: '50px',
-                WebkitLineClamp: 2,
-                lineClamp: 2,
-                fontWeight: 800,
-                display: '-webkit-box',
+                overflow: 'hidden',
+                maxHeight: '150px',
+                fontWeight: 'bold',
               }}
             >
               {title}
@@ -291,7 +298,7 @@ export const GET = async (req: NextRequest) => {
               style={{
                 color: 'rgba(255, 255, 255, 0.85)',
                 fontSize: '38px',
-                fontWeight: 300,
+                fontWeight: 'lighter',
               }}
             >
               {subtitle}