edshot99/eBooru
1
0
Fork 0
forked from e621ng/e621ng
Code Issues 11 Releases 1 Activity

[Posts] Fix thumbnail issues (#789)

Browse Source
This commit is contained in:
Cinder 2024-11-12 15:16:19 -08:00 committed by GitHub
parent c137f17f9c
commit 414f9e6629
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 10 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
app/javascript/src/styles/common/z_responsive.scss
View File

@ -199,9 +199,8 @@
#posts #posts-container {
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1vw;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-evenly;
}
@ -212,7 +211,7 @@
text-align: center;
vertical-align: middle;
display: inline-block;
width: fit-content;
width: 31vw;
a {
margin: 0 auto;
@ -220,7 +219,7 @@
img {
max-height: 150px;
max-width: 100cqw;
max-width: 31vw;
}
.desc {
@ -230,11 +229,13 @@
.user-disable-cropped-false {
article.post-preview {
width: 31vw;
img {
height: auto;
max-height: none;
max-width: fit-content;
width: 100cqw;
max-width: none;
width: 31vw;
&.has-cropped-false {
object-fit: cover;
@ -313,13 +314,6 @@
}
}
}
@media screen and (max-width: 800px) and (horizontal-viewport-segments: 2) {
body.resp {
#posts #posts-container {
grid-template-columns: repeat(4, 1fr);
}
}
}
@media screen and (max-width: 660px) {
body.resp {

3
app/javascript/src/styles/specific/users.scss
View File

@ -160,7 +160,7 @@ div#c-users {
grid-area: p-posts;
display: flex;
overflow: auto;
justify-content: flex-start;
justify-content: center;
flex-wrap: wrap;
gap: 1em;
@ -173,6 +173,7 @@ div#c-users {
@include window-larger-than(800px) {
flex-wrap: nowrap;
border-top-left-radius: 0;
justify-content: flex-start;
}
article.post-preview {