random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed the column sizing again.

Browse Source 
Adjusted breakpoints to stop the "bouncing column" issue on mobile devices.
This commit is contained in:
Dank Gabs 2019-07-24 23:02:09 -04:00
parent 8a4af878da
commit c1bf87b666
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/javascript/styles/gabsocial/components.scss
View File

@ -1317,16 +1317,18 @@ a.account__display-name {
} }
&__main { &__main {
display: flex;
flex-direction: column;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
max-width: 600px; max-width: 600px;
display: flex; padding: 0 20px;
flex-direction: column; @media screen and (max-width: 375px) {
padding: 0 10px;
@media screen and (min-width: 360px) { }
@media screen and (min-width: 895px) {
margin: 0 20px; margin: 0 20px;
padding: 0; padding: 0;
//padding: 0 10px;
} }
} }
} }