mirror of
https://github.com/stashapp/stash.git
synced 2025-12-17 20:34:37 +03:00
Frontpage Mobile Fix (#4057)
Change CSS To show Correct dimensions on Mobile
This commit is contained in:
@@ -494,85 +494,84 @@ textarea.text-input {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
.zoom-0 {
|
||||
width: 240px;
|
||||
|
||||
.scene-card-preview {
|
||||
height: 135px;
|
||||
}
|
||||
.zoom-0 {
|
||||
width: 240px;
|
||||
|
||||
.portrait {
|
||||
height: 180px;
|
||||
}
|
||||
|
||||
.gallery-card-image,
|
||||
.tag-card-image {
|
||||
max-height: 180px;
|
||||
}
|
||||
.scene-card-preview {
|
||||
height: 135px;
|
||||
}
|
||||
|
||||
.zoom-1 {
|
||||
width: 320px;
|
||||
|
||||
.scene-card-preview {
|
||||
height: 180px;
|
||||
}
|
||||
|
||||
.portrait {
|
||||
height: 240px;
|
||||
}
|
||||
|
||||
.gallery-card-image,
|
||||
.tag-card-image {
|
||||
max-height: 240px;
|
||||
}
|
||||
|
||||
.image-card-preview {
|
||||
height: 240px;
|
||||
}
|
||||
.portrait {
|
||||
height: 180px;
|
||||
}
|
||||
|
||||
.zoom-2 {
|
||||
width: 480px;
|
||||
.gallery-card-image,
|
||||
.tag-card-image {
|
||||
max-height: 180px;
|
||||
}
|
||||
}
|
||||
|
||||
.scene-card-preview {
|
||||
height: 270px;
|
||||
}
|
||||
.zoom-1 {
|
||||
width: 320px;
|
||||
|
||||
.portrait {
|
||||
height: 360px;
|
||||
}
|
||||
|
||||
.gallery-card-image,
|
||||
.tag-card-image {
|
||||
max-height: 360px;
|
||||
}
|
||||
|
||||
.image-card-preview {
|
||||
height: 360px;
|
||||
}
|
||||
.scene-card-preview {
|
||||
height: 180px;
|
||||
}
|
||||
|
||||
.zoom-3 {
|
||||
width: 640px;
|
||||
.portrait {
|
||||
height: 240px;
|
||||
}
|
||||
|
||||
.scene-card-preview {
|
||||
height: 360px;
|
||||
}
|
||||
.gallery-card-image,
|
||||
.tag-card-image {
|
||||
max-height: 240px;
|
||||
}
|
||||
|
||||
.portrait {
|
||||
height: 480px;
|
||||
}
|
||||
.image-card-preview {
|
||||
height: 240px;
|
||||
}
|
||||
}
|
||||
|
||||
.tag-card-image,
|
||||
.gallery-card-image {
|
||||
max-height: 480px;
|
||||
}
|
||||
.zoom-2 {
|
||||
width: 480px;
|
||||
|
||||
.image-card-preview {
|
||||
height: 480px;
|
||||
}
|
||||
.scene-card-preview {
|
||||
height: 270px;
|
||||
}
|
||||
|
||||
.portrait {
|
||||
height: 360px;
|
||||
}
|
||||
|
||||
.gallery-card-image,
|
||||
.tag-card-image {
|
||||
max-height: 360px;
|
||||
}
|
||||
|
||||
.image-card-preview {
|
||||
height: 360px;
|
||||
}
|
||||
}
|
||||
|
||||
.zoom-3 {
|
||||
width: 640px;
|
||||
|
||||
.scene-card-preview {
|
||||
height: 360px;
|
||||
}
|
||||
|
||||
.portrait {
|
||||
height: 480px;
|
||||
}
|
||||
|
||||
.tag-card-image,
|
||||
.gallery-card-image {
|
||||
max-height: 480px;
|
||||
}
|
||||
|
||||
.image-card-preview {
|
||||
height: 480px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user