From aaef8a6107cb94b6e33bf75e37ea0c7a90fb365e Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Fri, 14 Jan 2022 17:04:28 +0100
Subject: [PATCH] Cast has more css shadows and animations.

---
 src/components/Cast.vue   | 10 +++++++---
 src/components/Person.vue | 10 +++++++++-
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/components/Cast.vue b/src/components/Cast.vue
index ae653d7..7b78607 100644
--- a/src/components/Cast.vue
+++ b/src/components/Cast.vue
@@ -29,12 +29,16 @@ export default {
 
   ol {
     overflow-x: scroll;
-    padding-bottom: 10px;
-
+    padding: 0;
     list-style-type: none;
     margin: 0;
-    padding: 0;
     display: flex;
+
+    scrollbar-width: none; /* for Firefox */
+
+    &::-webkit-scrollbar {
+      display: none; /* for Chrome, Safari, and Opera */
+    }
   }
 }
 </style>
diff --git a/src/components/Person.vue b/src/components/Person.vue
index 9d953dc..09c2625 100644
--- a/src/components/Person.vue
+++ b/src/components/Person.vue
@@ -58,7 +58,7 @@ li.card {
   background-color: var(--background-color-secondary);
   color: var(--text-color);
 
-  transition: transform 0.5s ease, color 0.4s ease, border-color 0.4s ease;
+  transition: all 0.3s ease;
   transform: scale(0.97) translateZ(0);
 
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
@@ -68,6 +68,7 @@ li.card {
   }
 
   &:hover {
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
     transform: scale(1.03);
   }
 
@@ -82,6 +83,10 @@ li.card {
   .meta {
     font-size: 0.9em;
     color: var(--text-color-70);
+    display: -webkit-box;
+    overflow: hidden;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
   }
 
   a {
@@ -92,6 +97,9 @@ li.card {
   img {
     width: 100%;
     height: 100%;
+    min-width: 140px;
+    min-height: 210px;
+    background-color: var(--text-color-90);
   }
 }
 </style>