fix image width

ographiesresearch · Feb 29, 2024 · 6a27e26 · 6a27e26
1 parent 75ebab6
commit 6a27e26
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 9 deletions.
diff --git a/src/components/ImageBox.astro b/src/components/ImageBox.astro
@@ -19,9 +19,9 @@ const images = import.meta.glob<{ default: ImageMetadata }>('/src/assets/*.{jpeg
 
 <style>
     img {
-      -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
-      filter: grayscale(100%);
-      mix-blend-mode: screen;
-      object-fit: cover;
+        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
+        filter: grayscale(100%);
+        mix-blend-mode: screen;
+        padding-right: 1em;
     }
 </style>
diff --git a/src/components/Person.astro b/src/components/Person.astro
@@ -33,12 +33,10 @@ const { person, columns = false} = Astro.props;
     <div class="tile is-ancestor">
       <div class="tile is-parent">
         {"photo" in person && 
-          <div class="tile is-child is-3">
-            <figure class="image is-128x128">
-              <ImageBox src={person.photo} alt={"Photo of ".concat(person.name)} />
-            </figure>
+          <div class="tile is-child is-4">
+            <ImageBox src={person.photo} alt={"Photo of ".concat(person.name)} />
           </div>}
-        <div class="tile is-child">
+        <div class="tile is-child is-8">
           <p class="title is-4 has-text-white">{person.name}{person.creds && ", ".concat(person.creds.join(", "))}</p>
           <p class="subtitle is-4 has-text-white">{person.roles && person.roles.join(", ")}</p>
           <p class="has-text-white">{person.pronouns}</p>