Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-21 15:52:02 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge pull request #846 from Stremio/fix/intro-responsive-layout
Some checks are pending
Build / build (push) Waiting to run
Details

Browse source 
Intro: Improve layout responsiveness on smaller screens
This commit is contained in:
Timothy Z. 2025-02-25 12:44:14 +02:00 committed by GitHub
commit 02bf0cfc6c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/routes/Intro/styles.less
View file

@ -252,7 +252,7 @@
} }
} }
@media only screen and (max-width: @minimum) { @media only screen and (max-width: @xsmall) {
.intro-container { .intro-container {
justify-content: initial; justify-content: initial;
padding: 3rem 1.5rem; padding: 3rem 1.5rem;
@ -279,6 +279,21 @@
.content-container { .content-container {
flex-direction: column-reverse; flex-direction: column-reverse;
.form-container, .options-container {
width: 50%;
margin: 0 auto;
}
.options-container {
margin-bottom: 4rem;
}
}
}
}
@media only screen and (max-width: @minimum) {
.intro-container {
.content-container {
.form-container, .options-container { .form-container, .options-container {
width: 100%; width: 100%;
margin: 0; margin: 0;