qugalet/gotosocial
1
0
Fork 0
mirror of https://github.com/superseriousbusiness/gotosocial.git synced 2024-12-22 10:12:11 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[frontend] Footer styling adjustments (#709)

Browse source 
* adjust footer rendering

* use max-width instead of orientation

* remove margin-top when screen small
This commit is contained in:
tobi 2022-07-15 13:23:15 +02:00 committed by GitHub
parent 839c4346ad
commit c7e5c660fb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
web/source/css/base.css
View file

@ -250,15 +250,16 @@ input, select, textarea {
footer { footer {
align-self: end; align-self: end;
padding: 2rem 0 1rem 0;
padding: 2rem;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
div { div {
margin: 0 2rem; text-align: center;
padding: 1rem; padding: 1rem;
flex-grow: 1;
} }
a { a {
@ -266,17 +267,17 @@ footer {
} }
} }
@media screen and (orientation: portrait) { @media screen and (max-width: 600px) {
header { header {
text-align: center; text-align: center;
} }
footer { footer {
margin-top: 2rem;
grid-template-columns: 1fr; grid-template-columns: 1fr;
div { div {
margin: 0.3rem 0; text-align: initial;
width: 100%;
} }
} }