Make minimum width for 3-column layout 1280px (#255) (#256)
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
1280px is a pretty common screen width for several resolutions (1280x720, 1280x800, 1280x1024, etc.). Since it is only 20px less than the current 1300px minimum, this shouldn't be a big issue to lower the minimum screen width for the 3-column layout to 1280px. Closes: AkkomaGang/pleroma-fe#255 Co-authored-by: Francis Dinh <normandy@biribiri.dev> Reviewed-on: #256 Co-authored-by: Norm <normandy@biribiri.dev> Co-committed-by: Norm <normandy@biribiri.dev>
This commit is contained in:
parent
dd403b295f
commit
014f8b0dd2
2 changed files with 2 additions and 2 deletions
|
@ -18,7 +18,7 @@
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
left: -70%;
|
left: -70%;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
@media (min-width: 800px) and (max-width: 1300px) {
|
@media (min-width: 800px) and (max-width: 1280px) {
|
||||||
left: -50%;
|
left: -50%;
|
||||||
min-width: 50%;
|
min-width: 50%;
|
||||||
max-width: 130%;
|
max-width: 130%;
|
||||||
|
|
|
@ -186,7 +186,7 @@ const interfaceMod = {
|
||||||
if (thirdColumnMode === 'none' || !rootState.users.currentUser) {
|
if (thirdColumnMode === 'none' || !rootState.users.currentUser) {
|
||||||
commit('setLayoutType', normalOrMobile)
|
commit('setLayoutType', normalOrMobile)
|
||||||
} else {
|
} else {
|
||||||
const wideLayout = width >= 1300
|
const wideLayout = width >= 1280
|
||||||
commit('setLayoutType', wideLayout ? 'wide' : normalOrMobile)
|
commit('setLayoutType', wideLayout ? 'wide' : normalOrMobile)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in a new issue