Was wondering if anyone has any CSS I could use for the new site update. Everything is mostly fine, I'm just sick of the the forced rectangular game covers and was wondering if anyone had anything to get revert that.
i tried but i couldnt figure out how to have the the images container to get its height and width automatically.
for the image its just
.object-cover {
width: 144px !important;
height: auto !important;
max-height: 204px !important;
aspect-ratio: auto;
}
i found that the following line applied for ".aspect-cover" controls the size of the container but if i made it "auto" it just makes the height 0px so the whole image disappears and even if i then made the height manually be auto (:D) its still 0px.
aspect-ratio: 32/45;
though i use the following to unround the dumb rounded pfps
a.rounded-full, .x-focus-outline-offset.relative.block.aspect-square.overflow-hidden.rounded-full.shadow-sm.shadow-black\/20.h-8.w-8 {
border-radius: 0px;
}
Thanks for trying, hopefully there's another solution for this soon. The unrounded pfps work great though
There's one line of CSS that fixes it. :)
#app :is(.object-cover) {object-fit: contain;}
There's one line of CSS that fixes it. :)
#app :is(.object-cover) {object-fit: contain;}
that does essentially the same thing my css did. my problem is that i dont like the picture being a different size than the box its in.
(the old way of quoting posts was way better.)
Maybe this helps getting towards the look you want.
#app :is(.object-cover) {
position: unset;
object-fit: contain;
}
#app :is(.aspect-cover) {
aspect-ratio: unset;
}
#app :is(.aspect-cover) > img {
position: inherit !important;
}
THIS IS PERFECT!!! YES!!! Exactly what I've been looking for! Thank you so much!!!!! :D
yes thats good. now only if the button the cover and the game info are would be good height instead of having all that empty space it would be perfect.
edit: seems like that css breaks user pfps in the forums.
