small design fix for blog photos

Genez-io · Jan 25, 2024 · 6043ce1 · 6043ce1
1 parent d1b20d4
commit 6043ce1
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/themes/genezio-theme/layouts/posts/list.html b/themes/genezio-theme/layouts/posts/list.html
@@ -61,7 +61,7 @@ <h2 class="text-black fw-bold pt-2 mt-1 mb-0">{{ .Title }}</h2>
           <div  
           class="position-relative"
            >
-            <img src="{{ .Params.thumbnail | relURL }}" class="w-100" style="height: 304px; border-bottom-left-radius: 20px; border-top-right-radius: 20px;" />
+            <img src="{{ .Params.thumbnail | relURL }}" class="w-100" style=" border-bottom-left-radius: 20px; border-top-right-radius: 20px;" />
                <div class="py-1 px-2 position-absolute" style="background: rgba(0, 0, 0, 0.20); display: inline-block; border-radius: 999px; bottom: 10px; left:10px;">
             <div class="d-flex align-items-center">
             <img src="/images/clock-icon.svg" alt="clock-icon"/>
@@ -88,7 +88,7 @@ <h2 class="text-black fw-bold pt-2 mt-1 mb-0">{{ .Title }}</h2>
       <div class="mb-4 position-relative">
           <img
            src="{{ .Params.thumbnail | relURL }}"
-            class="w-100" style="height: 195px; border-bottom-left-radius: 20px;border-top-right-radius: 20px;" />
+            class="w-100" style="border-bottom-left-radius: 20px;border-top-right-radius: 20px;" />
           {{/*  read time  */}}
           <div class="py-1 px-2 position-absolute" style="background: rgba(0, 0, 0, 0.20); display: inline-block; border-radius: 999px; bottom: 10px; left:10px;">
             <div class="d-flex align-items-center">

diff --git a/themes/genezio-theme/layouts/posts/single.html b/themes/genezio-theme/layouts/posts/single.html
@@ -16,7 +16,7 @@ <h2 class="text-black fw-bold mb-0 mt-2 mb-4 pb-3 pt-1">{{ .Title }}</h2>
       {{/* TODO: replace with the photo */}}
       <div class="mb-4 mt-3 position-relative articlePhoto">
 
-      <img src="{{ .Params.thumbnail | relURL }}"class="w-100" style="max-height: 630px; border-bottom-left-radius: 20px; border-top-right-radius: 20px;" />
+      <img src="{{ .Params.thumbnail | relURL }}"class="w-100" style=" border-bottom-left-radius: 20px; border-top-right-radius: 20px;" />
 
         {{/* read time */}}
         <div
@@ -128,7 +128,8 @@ <h2 class="text-black fw-bold mb-0 mt-2 mb-4 pb-3 pt-1">{{ .Title }}</h2>
 
     <!-- Navigation Menu -->
     {{/* Start of Subscribe to our newsletter */}}
-    <div class="row px-4 pt-3">
+    {{/*  TODO: remove row  */}}
+    <div class="row px-4 pt-3"> 
       <div class="col-lg-8">
         <div
           style="

diff --git a/themes/genezio-theme/layouts/tags/tag.html b/themes/genezio-theme/layouts/tags/tag.html
@@ -16,7 +16,7 @@ <h2 class="fw-bold text-center pt-3 mt-2 mb-0 text-black">{{.Params.Title}}</h2>
     {{/*  Photo  */}}
     <a class="text-decoration-none" href="{{ .RelPermalink }}">
         <div  class="mb-4 position-relative">
-          <img src="{{ .Params.thumbnail | relURL }}" class="w-100" style="max-height: 195px; border-bottom-left-radius: 20px; border-top-right-radius: 20px;" />
+          <img src="{{ .Params.thumbnail | relURL }}" class="w-100" style=" border-bottom-left-radius: 20px; border-top-right-radius: 20px;" />
           {{/*  read time  */}}
           <div class="py-1 px-2 position-absolute" style="background: rgba(0, 0, 0, 0.20); display: inline-block; border-radius: 999px; bottom: 10px; left:10px;">
             <div class="d-flex align-items-center">