refactor: address review comments

isa-group · Oct 13, 2024 · ab2dad1 · ab2dad1
1 parent 6a2afd1
commit ab2dad1
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 13 deletions.
diff --git a/src/components/ui/Avatar.astro b/src/components/ui/Avatar.astro
@@ -4,14 +4,24 @@ import { Image } from 'astro:assets';
 
 interface Props {
   image: ExtendedImageProps;
+  xl?: boolean;
 }
 
-const { image } = Astro.props;
+const { image, xl = false } = Astro.props;
 ---
-<div class="h-20 w-20 rounded-full">
+<div
+  class="rounded-full"
+  class:list={[{
+    'h-20 w-20': !xl,
+    'h-40 w-40': xl
+  }]}>
   {/* @ts-expect-error - Track https://github.com/withastro/astro/issues/10780 */}
   <Image
-    class="h-20 w-20 rounded-full border-4 border-slate-200 dark:border-slate-600 min-w-full min-h-full object-cover"
+    class="rounded-full border-4 border-slate-200 dark:border-slate-600 min-w-full min-h-full object-cover"
+    class:list={[{
+      'h-20 w-20': !xl,
+      'h-40 w-40': xl
+    }]}
     {...image}
   />
 </div>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -129,20 +129,24 @@ const cathedralText = 'Cathedral of Seville';
           </p>
         </div>
       </blockquote>
+      <div class="flex justify-center gap-2 -mt-5 mb-10">
+        <Avatar
+          xl
+          image={{
+            src: Adela_img,
+            alt: 'Adela del Río Ortega'
+          }} />
+        <Avatar
+          xl
+          image={{
+            src: ManuelResinas_img,
+            alt: 'Manuel Resinas'
+          }} />
+      </div>
       <cite class="flex flex-row-reverse">
         Adela del Río Ortega, Manuel Resinas
         (BPM 2025 General Chairs)
       </cite>
-      <div class="flex flex-row-reverse gap-2">
-        <Avatar image={{
-          src: ManuelResinas_img,
-          alt: 'Manuel Resinas'
-        }} />
-        <Avatar image={{
-          src: Adela_img,
-          alt: 'Adela del Río Ortega'
-        }} />
-      </div>
     </Fragment>
   </Content>