Ellpeck/TinyLifeWeb
1
0
Fork 0
mirror of https://github.com/Ellpeck/TinyLifeWeb.git synced 2024-11-22 11:23:29 +01:00
Code Issues Projects Releases Wiki Activity

improved layout of showcase on mobile

Browse source
This commit is contained in:
Ell 2023-09-07 19:26:37 +02:00
parent 54ba76367b
commit 34be57404a
1 changed files with 18 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
web/style.css
View file

@ -91,22 +91,24 @@ pre.highlight {
.feature-title, .feature-title,
.community-content-box-content { .community-content-box-content {
margin-top: 10px; margin-top: 10px;
margin-left: auto;
margin-right: auto;
padding: 10px; padding: 10px;
color: white; color: white;
background: rgb(0, 0, 0, 0.7); background: rgb(0, 0, 0, 0.7);
position: absolute; position: absolute;
text-align: center; text-align: center;
transform: translate(-50%, 0); left: 0;
left: 50%; right: 0;
top: 0; top: 0;
white-space: nowrap; width: fit-content;
max-width: 75%;
} }
.community-content-box-content { .community-content-box-content {
margin: 0; margin-bottom: 50px;
top: auto; top: auto;
bottom: 50px; bottom: 0;
white-space: initial;
} }
.community-content-box { .community-content-box {
@ -265,4 +267,14 @@ body.dark-mode hr {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.feature-title,
.community-content-box-content {
max-width: 95%;
margin-bottom: 20px;
}
.community-desc {
display: none;
}
} }