Backup_Repos/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2025-12-06 16:34:02 +01:00
Code Issues Projects Releases Wiki Activity

Frontpage Mobile Fix (#4057)

Browse source 
Change CSS To show Correct dimensions on Mobile
This commit is contained in:
yoshnopa 2023-09-11 04:39:55 +02:00 committed by GitHub
parent 24e4719abc
commit f237a58cbc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 64 additions and 65 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

129
ui/v2.5/src/index.scss
View file

@ -494,85 +494,84 @@ textarea.text-input {
margin-right: 0; margin-right: 0;
} }
} }
@media (min-width: 576px) {
.zoom-0 {
width: 240px;
.scene-card-preview { .zoom-0 {
height: 135px; width: 240px;
}
.portrait { .scene-card-preview {
height: 180px; height: 135px;
}
.gallery-card-image,
.tag-card-image {
max-height: 180px;
}
} }
.zoom-1 { .portrait {
width: 320px; height: 180px;
.scene-card-preview {
height: 180px;
}
.portrait {
height: 240px;
}
.gallery-card-image,
.tag-card-image {
max-height: 240px;
}
.image-card-preview {
height: 240px;
}
} }
.zoom-2 { .gallery-card-image,
width: 480px; .tag-card-image {
max-height: 180px;
}
}
.scene-card-preview { .zoom-1 {
height: 270px; width: 320px;
}
.portrait { .scene-card-preview {
height: 360px; height: 180px;
}
.gallery-card-image,
.tag-card-image {
max-height: 360px;
}
.image-card-preview {
height: 360px;
}
} }
.zoom-3 { .portrait {
width: 640px; height: 240px;
}
.scene-card-preview { .gallery-card-image,
height: 360px; .tag-card-image {
} max-height: 240px;
}
.portrait { .image-card-preview {
height: 480px; height: 240px;
} }
}
.tag-card-image, .zoom-2 {
.gallery-card-image { width: 480px;
max-height: 480px;
}
.image-card-preview { .scene-card-preview {
height: 480px; 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;
} }
} }