ChronosXYZ/southwestradio-site
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix size issues and make site more responsive

Browse Source
This commit is contained in:
ChronosX88 2022-10-29 15:59:18 +03:00
parent 2cac203838
commit 87c1255d83
3 changed files with 58 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
themes/swr/assets/css/style.scss
View File

@ -10,18 +10,18 @@ body {
font-size: 14pt; font-size: 14pt;
padding: 0; padding: 0;
margin: 0; margin: 0;
}
#container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
// justify-content: center;
align-items: center; align-items: center;
position: fixed;
height: 100%;
width: 100%;
} }
#wrapper { #wrapper {
display: flex; display: flex;
padding: 10px; padding: 10px;
justify-content: space-evenly;
} }
aside { aside {
@ -41,7 +41,7 @@ aside {
#content { #content {
border: 1px solid; border: 1px solid;
padding: 10px; padding: 10px;
min-width: 40em; // min-width: 40em;
} }
a { a {
@ -52,3 +52,42 @@ a {
display: flex; display: flex;
justify-content: center; 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;
}
}

23
themes/swr/layouts/_default/baseof.html
View File

@ -2,17 +2,20 @@
<html> <html>
{{- partial "head.html" . -}} {{- partial "head.html" . -}}
<body> <body>
{{- partial "header.html" . -}} <div id="container">
<div id="wrapper"> {{- partial "header.html" . -}}
{{- partial "nav.html" . -}} <div id="wrapper">
<div id="content"> {{- partial "nav.html" . -}}
{{- block "main" . }}{{- end }} <div id="content">
</div> {{- block "main" . }}{{- end }}
<div id="player"> </div>
<div id="p1"></div> <div id="player">
<iframe frameborder="0" width="279" height="216" src="https://libretime.southwestradio.ru/embed/player?stream=auto&title=Now Playing"></iframe> <div id="p1"></div>
<iframe frameborder="0" width="279" height="216" src="https://libretime.southwestradio.ru/embed/player?stream=auto&title=Now Playing"></iframe>
</div>
</div> </div>
{{- partial "footer.html" . -}}
</div> </div>
{{- partial "footer.html" . -}}
</body> </body>
</html> </html>

2
themes/swr/layouts/section/schedule.html
View File

@ -1,5 +1,5 @@
{{ define "main" }} {{ define "main" }}
<div id="calendar"> <div id="calendar">
<iframe height="400px" width="550px" scrolling="no" frameborder="0" src="https://libretime.southwestradio.ru/embed/weekly-program"></iframe> <iframe height="400px" style="width: 80vmin;" scrolling="no" frameborder="0" src="https://libretime.southwestradio.ru/embed/weekly-program"></iframe>
</div> </div>
{{end}} {{end}}