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" . -}} -