Fix size issues and make site more responsive

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

View File

@ -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 {
@ -52,3 +52,42 @@ a {
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;
}
}

View File

@ -2,17 +2,20 @@
<html>
{{- partial "head.html" . -}}
<body>
{{- partial "header.html" . -}}
<div id="wrapper">
{{- partial "nav.html" . -}}
<div id="content">
{{- block "main" . }}{{- end }}
</div>
<div id="player">
<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 id="container">
{{- partial "header.html" . -}}
<div id="wrapper">
{{- partial "nav.html" . -}}
<div id="content">
{{- block "main" . }}{{- end }}
</div>
<div id="player">
<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>
{{- partial "footer.html" . -}}
</div>
{{- partial "footer.html" . -}}
</body>
</html>

View File

@ -1,5 +1,5 @@
{{ define "main" }}
<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>
{{end}}