Improve layout on small screens

This commit is contained in:
nemunaire 2024-01-11 17:13:14 +01:00
parent 3d4b0e0556
commit 268be00289
3 changed files with 3 additions and 3 deletions

View File

@ -1,6 +1,6 @@
{{ if isset .Site.Params "carousel" }}
{{ if gt (len .Site.Params.carousel) 0 }}
<div class="carousel text-light p-4 pt-5 d-flex flex-nowrap" style="gap: 1em 1em; overflow-x: scroll">
<div class="carousel text-light p-4 pt-5 d-flex flex-nowrap align-items-center" style="gap: 1em 1em; overflow-x: scroll">
{{ range sort .Site.Params.carousel "weight" }}
<figure class="" style="min-width: 40vw">
<a href="{{ .image }}">

View File

@ -8,7 +8,7 @@
<h3 class="font-weight-bolder">
{{ i18n "downloads-title" }}
</h3>
<div class="row row-cols-1 row-cols-sm-3 my-4">
<div class="row row-cols-1 row-cols-sm-3 my-4 align-items-center">
<div class="col text-center my-2">
<a href="https://hub.docker.com/r/happydomain/happydomain/" class="h-100 btn btn-lg btn-success" target="_blank" data-umami-event="download-docker">

View File

@ -10,7 +10,7 @@
{{ if index .title $.Language.Lang }}
<div class="mb-5">
<div class="card" id="feature-{{ .id }}">
<div class="card-body row">
<div class="card-body row align-items-center">
{{ if and .img .img.src }}
<div class="col-md {{ if not (modBool $index 2) }}order-md-2{{ end }}">
<img src="{{ .img.src }}" class="card-img-top" alt="{{ index .img.alt $.Language.Lang }}">