sel/webbed-site
1
0
Fork 0
mirror of https://gitlab.wasp.best/sel/web.git synced 2026-07-30 00:48:40 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: site looked really bad on small screens

Browse source
This commit is contained in:
sel 2026-06-26 16:44:20 +02:00
parent cccc55c306
commit 0c93e2cbe2
Signed by: sel
SSH key fingerprint: SHA256:33R/4Rx5Lu4o81LyJyXdMrmP5CJ6j7j1Soo0Dn7mKc0
2 changed files with 11 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

8
themes/webbed-theme/assets/css/main.css
View file

@ -60,7 +60,6 @@ nav > div > a {
section.buttons-wrapper { section.buttons-wrapper {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center;
background-color: light-dark(#ebebef, #1A1A29); background-color: light-dark(#ebebef, #1A1A29);
width: auto; width: auto;
@ -89,10 +88,15 @@ section {
padding-bottom: 1rem; padding-bottom: 1rem;
} }
.content-wrapper {
display: flex;
justify-content: center;
}
section.content { section.content {
max-width: 60ch; max-width: 60ch;
border-bottom: none; border-bottom: none;
margin: 0 auto; overflow-x: scroll;
} }
section > div.buttons { section > div.buttons {

2
themes/webbed-theme/layouts/page.html
View file

@ -9,9 +9,11 @@
<p class="date"><time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time></p> <p class="date"><time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time></p>
</section> </section>
<div class="content-wrapper">
<section class="content"> <section class="content">
{{ .Content }} {{ .Content }}
</section> </section>
</div>
{{ partial "terms.html" (dict "taxonomy" "tags" "page" .) }} {{ partial "terms.html" (dict "taxonomy" "tags" "page" .) }}
{{ end }} {{ end }}