fix: author image style

jvmonjo · Feb 25, 2024 · 7912641 · 7912641
1 parent 5cf4111
commit 7912641
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -432,14 +432,14 @@ html {
 .authors-container {
   display: flex;
   justify-content: center;
-  gap: 20px; }
+  gap: 20px;
+  margin-bottom: 2rem; }
 
 .author-image-container {
   width: 100px;
   height: 100px;
   border-radius: 50%;
-  overflow: hidden;
-  border: 2px solid white; }
+  overflow: hidden; }
   .author-image-container img {
     width: 100%;
     height: 100%;
@@ -1549,7 +1549,6 @@ textarea {
   width: 100%;
   margin: 0;
   padding: 0;
-  flex-basis: content;
   list-style: none; }
   @media only screen and (max-width: 960px) {
     .nav-footer ul {

diff --git a/partials/primary-author.hbs b/partials/primary-author.hbs
@@ -2,9 +2,11 @@
     {{! Loop through authors }}
     <div class="authors-container">
         {{#foreach authors}}
-        <div class="author-image-container">
-            <img class="author-profile-image" src='{{ profile_image }}' alt='{{ name }}'>
-        </div>
+            {{#if profile_image}}
+                <div class="author-image-container">
+                    <img class="author-profile-image" src='{{ profile_image }}' alt='{{ name }}'>
+                </div>
+            {{/if}}
         {{/foreach}}
     </div>
 {{/get}}
diff --git a/src/sass/style.scss b/src/sass/style.scss
@@ -54,14 +54,14 @@ html {
 	display: flex; 
 	justify-content: center;
 	gap: 20px;
+	margin-bottom: 2rem;
 }
 
 .author-image-container {
 	width: 100px;
 	height: 100px;
 	border-radius: 50%;
 	overflow: hidden;
-	border: 2px solid white;
 	img {
 		width: 100%;
 		height: 100%;