Fixing bug on apps page.
This commit is contained in:
parent
d24b742912
commit
8cd5c276d0
3 changed files with 15 additions and 4 deletions
|
@ -79,9 +79,11 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-header .column > img {
|
.section-header, .section-header-app {
|
||||||
|
.column > img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.col1:not(.col1-fill) {
|
.col1:not(.col1-fill) {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
@ -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) {
|
@media screen and (max-width: 700px) {
|
||||||
section.section-header {
|
section.section-header, section.section-header-app {
|
||||||
height: auto;
|
height: auto;
|
||||||
min-height: calc(100vh + 3em);
|
min-height: calc(100vh + 3em);
|
||||||
|
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
{{ $i18nAppData := index $data.apps .Data.AppIndex }}
|
{{ $i18nAppData := index $data.apps .Data.AppIndex }}
|
||||||
{{ $AppData := index .Site.Data.metadata .Data.AppIndex }}
|
{{ $AppData := index .Site.Data.metadata .Data.AppIndex }}
|
||||||
{{ with .Data }}
|
{{ 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="columns-container">
|
||||||
<div class="column col3 center text-right vertical-center {{ if .TextWhite }}text-white{{ end }}">
|
<div class="column col3 center text-right vertical-center {{ if .TextWhite }}text-white{{ end }}">
|
||||||
<br>
|
<br>
|
||||||
|
|
Loading…
Reference in a new issue