From 87c1255d83629762939018461e89e0cc9b421fd2 Mon Sep 17 00:00:00 2001 From: ChronosX88 Date: Sat, 29 Oct 2022 15:59:18 +0300 Subject: [PATCH] Fix size issues and make site more responsive --- themes/swr/assets/css/style.scss | 49 +++++++++++++++++++++--- themes/swr/layouts/_default/baseof.html | 23 ++++++----- themes/swr/layouts/section/schedule.html | 2 +- 3 files changed, 58 insertions(+), 16 deletions(-) diff --git a/themes/swr/assets/css/style.scss b/themes/swr/assets/css/style.scss index 8f9e7cf..1f692a5 100644 --- a/themes/swr/assets/css/style.scss +++ b/themes/swr/assets/css/style.scss @@ -10,18 +10,18 @@ body { font-size: 14pt; padding: 0; margin: 0; +} + +#container { display: flex; flex-direction: column; - // justify-content: center; align-items: center; - position: fixed; - height: 100%; - width: 100%; } #wrapper { display: flex; padding: 10px; + justify-content: space-evenly; } aside { @@ -41,7 +41,7 @@ aside { #content { border: 1px solid; padding: 10px; - min-width: 40em; + // min-width: 40em; } a { @@ -51,4 +51,43 @@ a { #calendar { display: flex; justify-content: center; +} + +@media only screen and (max-width: 768px) { + #wrapper { + flex-direction: column; + align-items: center; + } + + aside { + width: 100%; + margin: 0; + display: flex; + flex-direction: column; + align-items: center; + } + + #content{ + // max-width: 100%; + width: 100%; + // min-width: unset; + } + + #player { + width: 100%; + margin: 0; + padding: 10px; + display: flex; + justify-content: center; + } + + body { + padding: 10px; + // width: 100vh; + } + + #container { + width: 100%; + justify-content: center; + } } \ No newline at end of file diff --git a/themes/swr/layouts/_default/baseof.html b/themes/swr/layouts/_default/baseof.html index d1c635c..7613736 100644 --- a/themes/swr/layouts/_default/baseof.html +++ b/themes/swr/layouts/_default/baseof.html @@ -2,17 +2,20 @@ {{- partial "head.html" . -}} - {{- partial "header.html" . -}} -
- {{- partial "nav.html" . -}} -
- {{- block "main" . }}{{- end }} -
-
-
- +
+ {{- partial "header.html" . -}} +
+ {{- partial "nav.html" . -}} +
+ {{- block "main" . }}{{- end }} +
+
+
+ +
+ {{- partial "footer.html" . -}}
- {{- partial "footer.html" . -}} + diff --git a/themes/swr/layouts/section/schedule.html b/themes/swr/layouts/section/schedule.html index 136f673..1b0e9cf 100644 --- a/themes/swr/layouts/section/schedule.html +++ b/themes/swr/layouts/section/schedule.html @@ -1,5 +1,5 @@ {{ define "main" }}
- +
{{end}} \ No newline at end of file