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

Use 100% width on cards in mobile (#3576)

Browse source
This commit is contained in:
WithoutPants 2023-04-17 15:28:00 +10:00 committed by GitHub
parent 32cefea524
commit 6a6545305c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 24 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ui/v2.5/src/components/Galleries/styles.scss
View file

@ -26,6 +26,10 @@
overflow: hidden;
padding: 0;
padding-bottom: 1rem;
@media (max-width: 576px) {
width: 100%;
}
}
.card-section {

4
ui/v2.5/src/components/Images/styles.scss
View file

@ -17,6 +17,10 @@
&.card {
overflow: hidden;
padding: 0;
@media (max-width: 576px) {
width: 100%;
}
}
.rating-banner {

4
ui/v2.5/src/components/Performers/styles.scss
View file

@ -68,6 +68,10 @@
.performer-card {
width: 20rem;
@media (max-width: 576px) {
width: 100%;
}
.thumbnail-section {
position: relative;
}

8
ui/v2.5/src/components/Scenes/styles.scss
View file

@ -89,6 +89,10 @@ textarea.scene-description {
.studio-card {
padding: 0.5rem;
@media (max-width: 576px) {
width: 100%;
}
&-header {
height: 150px;
line-height: 150px;
@ -241,6 +245,10 @@ textarea.scene-description {
overflow: hidden;
padding: 0;
@media (max-width: 576px) {
width: 100%;
}
&.fileless {
background-color: darken($card-bg, 5%);
}

4
ui/v2.5/src/components/Tags/styles.scss
View file

@ -22,6 +22,10 @@
.tag-card {
padding: 0.5rem;
@media (max-width: 576px) {
width: 100%;
}
&-image {
display: block;
margin: 0 auto;