happyDomain/website
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improve layout on small screens

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/partials/carousel.html
View File

@ -1,6 +1,6 @@
{{ if isset .Site.Params "carousel" }} {{ if isset .Site.Params "carousel" }}
{{ if gt (len .Site.Params.carousel) 0 }} {{ 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" }} {{ range sort .Site.Params.carousel "weight" }}
<figure class="" style="min-width: 40vw"> <figure class="" style="min-width: 40vw">
<a href="{{ .image }}"> <a href="{{ .image }}">

2
layouts/partials/downloads.html
View File

@ -8,7 +8,7 @@
<h3 class="font-weight-bolder"> <h3 class="font-weight-bolder">
{{ i18n "downloads-title" }} {{ i18n "downloads-title" }}
</h3> </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"> <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"> <a href="https://hub.docker.com/r/happydomain/happydomain/" class="h-100 btn btn-lg btn-success" target="_blank" data-umami-event="download-docker">

2
layouts/partials/features.html
View File

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