mirror of
https://github.com/mastodon/mastodon.git
synced 2024-11-23 06:28:59 +00:00
Adjust mobile landing page (#4366)
* Adjust mobile landing page Change mobile viewport threshold to 840px in consideration of padding. Fix loss of "container hero" padding in about/more under 675px. * Fix indent
This commit is contained in:
parent
7232cdf7e8
commit
9891ff80f9
|
@ -646,7 +646,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
@media screen and (max-width: 840px) {
|
||||
.container {
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
@ -688,6 +688,10 @@
|
|||
@media screen and (max-width: 675px) {
|
||||
.header-wrapper {
|
||||
padding-top: 0;
|
||||
|
||||
&.compact .hero .heading {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.header .container,
|
||||
|
@ -701,15 +705,9 @@
|
|||
}
|
||||
|
||||
.header {
|
||||
padding-top: 0;
|
||||
|
||||
.hero {
|
||||
margin-top: 30px;
|
||||
padding: 0;
|
||||
|
||||
.heading {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.floats {
|
||||
|
|
Loading…
Reference in a new issue