Fixing bug on apps page.

This commit is contained in:
Ad5001 2021-10-01 17:26:36 +02:00
parent d24b742912
commit 8cd5c276d0
Signed by: Ad5001
GPG Key ID: EF45F9C6AFE20160
3 changed files with 15 additions and 4 deletions

View File

@ -79,9 +79,11 @@
}
}
.section-header .column > img {
.section-header, .section-header-app {
.column > img {
width: 100%;
}
}
.col1:not(.col1-fill) {
width: 100%;

View File

@ -25,9 +25,18 @@ section.section-header {
}
}
section.section-header-app {
height: calc(100vh + 3em);
& > div.columns-container {
padding-top: 3em !important;
height: calc(100% - 6em);
}
}
@media screen and (max-width: 700px) {
section.section-header {
section.section-header, section.section-header-app {
height: auto;
min-height: calc(100vh + 3em);

View File

@ -3,7 +3,7 @@
{{ $i18nAppData := index $data.apps .Data.AppIndex }}
{{ $AppData := index .Site.Data.metadata .Data.AppIndex }}
{{ with .Data }}
<section style="background: {{ .Background | safeCSS }};" class="section-header">
<section style="background: {{ .Background | safeCSS }};" class="section-header-app">
<div class="columns-container">
<div class="column col3 center text-right vertical-center {{ if .TextWhite }}text-white{{ end }}">
<br>