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;
}
}
@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;
}
}