Mirrors/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2025-12-18 21:04:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix performer card name truncation (#682)

Browse Source
This commit is contained in:
InfiniteTF
2020-07-22 03:21:14 +02:00
committed by GitHub
parent 2b9215702e
commit 274d84ce93
4 changed files with 19 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ui/v2.5/src/components/Performers/PerformerCard.tsx
View File

@@ -29,7 +29,7 @@ export const PerformerCard: React.FC<IPerformerCardProps> = ({
<Card className="performer-card"> <Card className="performer-card">
<Link to={`/performers/${performer.id}`}> <Link to={`/performers/${performer.id}`}>
<img <img
className="image-thumbnail card-image" className="performer-card-image"
alt={performer.name ?? ""} alt={performer.name ?? ""}
src={performer.image_path ?? ""} src={performer.image_path ?? ""}
/> />

10
ui/v2.5/src/components/Performers/styles.scss
View File

@@ -57,6 +57,16 @@
} }
.performer-card { .performer-card {
width: 20rem;
&-image {
height: 30rem;
min-width: 11.25rem;
object-fit: cover;
object-position: top;
width: 100%;
}
.flag-icon { .flag-icon {
bottom: 1rem; bottom: 1rem;
height: 2rem; height: 2rem;

11
ui/v2.5/src/components/Scenes/styles.scss
View File

@@ -247,9 +247,14 @@ textarea.scene-description {
width: 2rem; width: 2rem;
} }
.scene-performers .card-image { .scene-performers {
height: 22.5rem; .performer-card {
width: 15rem; width: 15rem;
&-image {
height: 22.5rem;
}
}
} }
} }

6
ui/v2.5/src/index.scss
View File

@@ -236,12 +236,6 @@ div.dropdown-menu {
object-position: top; object-position: top;
} }
.card-image {
height: 30rem;
min-width: 11.25rem;
width: 20rem;
}
.edit-button { .edit-button {
margin-right: 10px; margin-right: 10px;
} }