Backup_Repos/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2026-04-18 13:01:29 +02:00
Code Issues 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
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 19 additions and 10 deletions
Show stats 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">
<Link to={`/performers/${performer.id}`}>
<img
className="image-thumbnail card-image"
className="performer-card-image"
alt={performer.name ?? ""}
src={performer.image_path ?? ""}
/>

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

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

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

@ -247,9 +247,14 @@ textarea.scene-description {
width: 2rem;
}
.scene-performers .card-image {
height: 22.5rem;
width: 15rem;
.scene-performers {
.performer-card {
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;
}
.card-image {
height: 30rem;
min-width: 11.25rem;
width: 20rem;
}
.edit-button {
margin-right: 10px;
}