From 944c34ed6f3a74ec3028d57a5d85e611728fbf8b Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sat, 29 Jul 2023 21:17:09 +0800
Subject: [PATCH] fix person card

---
 src/components/cards/PersonCard.vue    | 10 ++++++---
 src/views/discover/MediaDetailView.vue | 29 +++++++++++++++++++++++++-
 2 files changed, 35 insertions(+), 4 deletions(-)

diff --git a/src/components/cards/PersonCard.vue b/src/components/cards/PersonCard.vue
index 88e488e0..5b5290a5 100644
--- a/src/components/cards/PersonCard.vue
+++ b/src/components/cards/PersonCard.vue
@@ -36,9 +36,13 @@ function getPersonImage() {
           <div style="padding-bottom: 150%;">
             <div class="absolute inset-0 flex h-full w-full flex-col items-center p-2">
               <div class="relative mt-2 mb-4 flex h-1/2 w-full justify-center">
-                <div class="relative w-3/4 overflow-hidden rounded-full">
-                  <VImg :src="getPersonImage()" cover />
-                </div>
+                <VAvatar size="120" class="ring-1 ring-gray-700">
+                  <VImg
+                    v-img
+                    :src="getPersonImage()"
+                    cover
+                  />
+                </VAvatar>
               </div>
               <div class="w-full truncate text-center font-bold">
                 {{ personInfo?.name }}
diff --git a/src/views/discover/MediaDetailView.vue b/src/views/discover/MediaDetailView.vue
index 0d3b78c8..9016902d 100644
--- a/src/views/discover/MediaDetailView.vue
+++ b/src/views/discover/MediaDetailView.vue
@@ -54,7 +54,6 @@ onMounted(() => {
           </h1>
           <span class="media-attributes">
             <span>{{ mediaDetail.runtime }}</span>
-            <span>{{ mediaDetail.genres }}</span>
           </span>
         </div>
         <div class="media-actions" />
@@ -123,6 +122,7 @@ onMounted(() => {
 }
 
 .media-page-bg-image {
+  // FIXME: 前景图看不到
   position: absolute;
   z-index: -10;
   block-size: 100%;
@@ -303,6 +303,33 @@ ul.media-crew {
   }
 }
 
+.media-overview h2 {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+    font-weight: 700;
+}
+
+@media (min-width: 640px) {
+  .media-overview h2 {
+      font-size: 1.5rem;
+      line-height: 2rem;
+  }
+}
+
+.tagline {
+    margin-bottom: 1rem;
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+    font-style: italic;
+}
+
+@media (min-width: 1024px) {
+  .tagline {
+      font-size: 1.5rem;
+      line-height: 2rem;
+  }
+}
+
 .slider-title {
     display: inline-flex;
     align-items: center;