Ellpeck/TinyLifeWeb
1
0
Fork 0
mirror of https://github.com/Ellpeck/TinyLifeWeb.git synced 2024-11-22 03:13:30 +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,
.community-content-box-content {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
padding: 10px;
color: white;
background: rgb(0, 0, 0, 0.7);
position: absolute;
text-align: center;
transform: translate(-50%, 0);
left: 50%;
left: 0;
right: 0;
top: 0;
white-space: nowrap;
width: fit-content;
max-width: 75%;
}
.community-content-box-content {
margin: 0;
margin-bottom: 50px;
top: auto;
bottom: 50px;
white-space: initial;
bottom: 0;
}
.community-content-box {
@ -265,4 +267,14 @@ body.dark-mode hr {
margin-left: auto;
margin-right: auto;
}
.feature-title,
.community-content-box-content {
max-width: 95%;
margin-bottom: 20px;
}
.community-desc {
display: none;
}
}