From 0a7908152dc541f6ae97497774bcc61c8cd5c87c Mon Sep 17 00:00:00 2001
From: Dorian Lesbre <dorian.lesbre@gmail.com>
Date: Sun, 21 Mar 2021 17:56:23 +0100
Subject: [PATCH] Fix mobile header/footer css
---
home/static/css/style.css | 31 ++++++++++++++++++++++++++-----
1 file changed, 26 insertions(+), 5 deletions(-)
diff --git a/home/static/css/style.css b/home/static/css/style.css
index faed900..918cad0 100644
--- a/home/static/css/style.css
+++ b/home/static/css/style.css
@@ -64,15 +64,22 @@ header #head_main_infos {
font-size: 50px;
}
header #head_main_infos {
- font-size: 10pt;
+ font-size: 15pt;
}
}
@media (max-width: 600px) {
+ header {
+ flex-direction: column;
+ }
header h1, header h1 a {
font-size: 30px;
}
header #head_main_infos {
- font-size: 8pt;
+ font-size: 12pt;
+ flex-direction: row;
+ }
+ header #head_main_infos div {
+ padding: 0 10px 10px;
}
}
@@ -154,7 +161,6 @@ main {
padding: 1px 30px 50px;
max-width: 920px;
margin: 0 auto 0 auto;
- min-height: calc(100vh - 370px); /* viewport-height - (header+footer+nav bar) */
}
main h2 {
@@ -489,8 +495,6 @@ footer {
bottom: 0;
width: 100%;
text-align: center;
- padding: 10px 0;
- height: 50px;
color: white;
display: flex;
background-color: var(--color_bg_1);
@@ -503,4 +507,21 @@ footer #sponsors img {
margin: 0;
height: 40px;
margin-right: 20px;
+ padding: 5px;
+}
+
+@media (max-width: 500px) {
+ main {
+ padding-bottom: 80px;
+ }
+ footer #sponsors img {
+ margin: 0;
+ height: 30px;
+ }
+ footer {
+ flex-direction: column;
+ }
+ footer p {
+ margin: 5px;
+ }
}
--
GitLab