Use content class only for text to avoid unwanted margin in card figures

master
Quentin Duchemin 2021-05-26 23:18:11 +02:00
parent d591c7db26
commit 439318aabb
3 changed files with 9 additions and 4 deletions

View File

@ -2,7 +2,7 @@
<html>
{{- partial "head.html" . -}}
<body class="has-navbar-fixed-top">
<div class="content">
<div>
{{- partial "navbar.html" . -}}
{{- partial "header.html" . -}}
{{- block "main" . }}{{- end }}

View File

@ -1,6 +1,6 @@
{{ define "main" }}
<div class="section">
<div class="container">
<div class="container content">
<div class="columns mt-5 is-variable is-8">
<!--
If the current page is a blog post and belongs to a case, we will add a side menu

View File

@ -1,7 +1,12 @@
<div class="card has-equal-height mt-5">
<div class="card-image">
<figure class="image is-5by3 mt-5">
<img src="https://bulma.io/images/placeholders/800x480.png" alt="Placeholder image">
<figure class="image is-4by3">
{{ $imageURL := "https://bulma.io/images/placeholders/640x480.png" }}
{{ with .Resources.GetMatch "top.jpg" }}
{{ $image := .Fill "640x480 smart" }}
{{ $imageURL = $image.Permalink }}
{{ end }}
<img src="{{ $imageURL }}" alt="Placeholder image">
</figure>
</div>
<div class="card-content" style="height:100%;">