Merge pull request #10 from sown/image-fixes

Use bs5 utility classes to manage image padding on cards
sown · Jan 15, 2024 · 0d2a6f4 · 0d2a6f4
2 parents d183391 + 3c1c367
commit 0d2a6f4
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 15 deletions.
diff --git a/kmicms/core/templates/core/blocks/elements/card.html b/kmicms/core/templates/core/blocks/elements/card.html
@@ -1,7 +1,7 @@
 {% load wagtailcore_tags wagtailimages_tags %}
 {% image value.image width-728 height-240 as tmp_image %}
 <div class="card">
-  <img src="{{ tmp_image.url }}" class="card-img-top" alt="Image">
+  <img src="{{ tmp_image.url }}" class="card-img-top img-fluid p-3" alt="Image">
   <div class="card-body">
     <h5 class="card-title">{{ value.title }}</h5>
     <p class="card-text">{{ value.text|richtext}}</p>

diff --git a/kmicms/static/css/main.scss b/kmicms/static/css/main.scss
@@ -15,7 +15,6 @@
 
 // Sections
 @import "./sections/auth-panel";
-@import "./sections/card-grid";
 @import "./sections/masthead";
 @import "./sections/showcase";
 @import "./sections/testimonials";

diff --git a/kmicms/static/css/sections/_card-grid.scss b/kmicms/static/css/sections/_card-grid.scss