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> <html>
{{- partial "head.html" . -}} {{- partial "head.html" . -}}
<body class="has-navbar-fixed-top"> <body class="has-navbar-fixed-top">
<div class="content"> <div>
{{- partial "navbar.html" . -}} {{- partial "navbar.html" . -}}
{{- partial "header.html" . -}} {{- partial "header.html" . -}}
{{- block "main" . }}{{- end }} {{- block "main" . }}{{- end }}

View File

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<div class="section"> <div class="section">
<div class="container"> <div class="container content">
<div class="columns mt-5 is-variable is-8"> <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 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 has-equal-height mt-5">
<div class="card-image"> <div class="card-image">
<figure class="image is-5by3 mt-5"> <figure class="image is-4by3">
<img src="https://bulma.io/images/placeholders/800x480.png" alt="Placeholder image"> {{ $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> </figure>
</div> </div>
<div class="card-content" style="height:100%;"> <div class="card-content" style="height:100%;">