fix: avatar size

Close #23 Signed-off-by: Frost Ming <[email protected]>
frostming · Oct 28, 2024 · f13878a · f13878a
1 parent b10720d
commit f13878a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 14 deletions.
diff --git a/src/answer.ts b/src/answer.ts
@@ -51,20 +51,19 @@ const template = createTemplate`
             gap: 1em;
         }
         .avatar {
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            align-items: center;
+            width: 100px;
+            height: 100px;
+        }
+        .author > div {
+            flex: 1;
         }
     </style>
 </head>
 <body style="max-width: 1000px; margin: 0 auto; padding: 0 1em 0 1em;">
     <header>
         <h1><a href="${"url"}">${"title"}</a></h1>
         <div class="author">
-            <div class="avatar">
-                <img class="origin" src="${"avatar_url"}" />
-            </div>
+            <img class="avatar" src="${"avatar_url"}" />
             <div>
                 <h2 rel="author">
                     <a href="${"author_url"}" target="_blank">@${"author"}</a>

diff --git a/src/article.ts b/src/article.ts
@@ -58,10 +58,11 @@ const template = createTemplate`
             gap: 1em;
         }
         .avatar {
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            align-items: center;
+            width: 100px;
+            height: 100px;
+        }
+        .author > div {
+            flex: 1;
         }
     </style>
     </style>
@@ -71,9 +72,7 @@ const template = createTemplate`
 	    <img class="origin_image" src="${"image_url"}"/>
         <h1><a href="${"url"}">${"title"}</a></h1>
 		<div class="author">
-            <div class="avatar">
-                <img class="origin" src="${"avatar_url"}" />
-            </div>
+            <img class="avatar" src="${"avatar_url"}" />
             <div>
                 <h2 rel="author">
                     <a href="${"author_url"}" target="_blank">@${"author"}</a>