Fix performer card name truncation (#682)

ui/v2.5/src/components/Performers/PerformerCard.tsx

@@ -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 ?? ""}
         />

ui/v2.5/src/components/Performers/styles.scss

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

ui/v2.5/src/components/Scenes/styles.scss

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

ui/v2.5/src/index.scss

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