mirror of
https://github.com/hydralauncher/hydra.git
synced 2026-01-11 13:56:16 +00:00
fix: images with big height breaking layout
This commit is contained in:
@@ -146,6 +146,8 @@ $hero-height: 350px;
|
|||||||
&__game-logo {
|
&__game-logo {
|
||||||
width: 200px;
|
width: 200px;
|
||||||
align-self: flex-end;
|
align-self: flex-end;
|
||||||
|
object-fit: contain;
|
||||||
|
object-position: left bottom;
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
width: 250px;
|
width: 250px;
|
||||||
@@ -153,6 +155,7 @@ $hero-height: 350px;
|
|||||||
|
|
||||||
@media (min-width: 1024px) {
|
@media (min-width: 1024px) {
|
||||||
width: 300px;
|
width: 300px;
|
||||||
|
max-height: 150px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user