LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Settings Page: maximize width usage in mobile

Browse source
This commit is contained in:
infinite-persistence 2021-11-29 20:36:45 +08:00
parent ac11dec484
commit 71fc850df4
No known key found for this signature in database
GPG key ID: B9C3252EDC3D0AA0
2 changed files with 12 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ui/scss/component/_main.scss
View file

@ -278,6 +278,10 @@
margin-top: var(--spacing-m); margin-top: var(--spacing-m);
padding: 0 var(--spacing-m); padding: 0 var(--spacing-m);
@media (max-width: $breakpoint-small) {
padding: 0 0;
}
.card__subtitle { .card__subtitle {
margin: 0 0 var(--spacing-s) 0; margin: 0 0 var(--spacing-s) 0;
font-size: var(--font-small); font-size: var(--font-small);

8
ui/scss/component/section.scss
View file

@ -216,6 +216,14 @@
} }
} }
.card__main-actions.settings__row {
@media (max-width: $breakpoint-small) {
padding: var(--spacing-s);
margin-top: 0;
margin-bottom: 0;
}
}
.settings__row--title { .settings__row--title {
min-width: 100%; min-width: 100%;
align-self: flex-start; align-self: flex-start;