quickshell/quickshell-web
3
1
Fork 0
Code Issues Projects Activity

work on frontpage mobile view

Browse source
This commit is contained in:
outfoxxed 2024-11-08 20:54:35 -08:00
parent aed59a3f75
commit 325be308bd
Signed by: outfoxxed
GPG key ID: 4C88A185FB89301E
4 changed files with 22 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/styles/components/featurelist.css
View file

@ -3,9 +3,8 @@
}
.featurelist {
max-width: 40rem;
list-style: none;
margin: 1rem 1.618rem;
margin: 0.25rem 0.5rem;
display: flex;
flex-direction: column;
}
@ -68,8 +67,17 @@ html.dark .feature-text {
}
.feature-showcase {
height: 21rem;
max-height: 21rem;
aspect-ratio: 16 / 9;
width: 100%;
display: flex;
justify-content: center;
& video {
height: 100%;
aspect-ratio: 16 / 9;
border-radius: 0.681rem;
}
}
html:not(.dark) .feature-showcase .shiki,
@ -77,10 +85,6 @@ html:not(.dark) .feature-showcase .shiki span {
background-color: #ffffff;
}
.feature-video {
border-radius: 0.681rem;
}
.feature-cloud {
position: relative;
margin: auto;
@ -137,9 +141,16 @@ html:not(.dark) .feature-showcase .shiki span {
}
}
@media (min-width: 40rem) {
.feature-showcase {
height: 21rem;
}
}
@media (min-width: 68rem) {
.featurelist {
max-width: 75rem;
margin: 1rem 1.618rem;
width: auto;
align-items: center;
}