fix ui

src/@layouts/components/VerticalNav.vue

@@ -59,7 +59,7 @@ function handleNavScroll(evt: Event) {
           <div class="d-flex" v-html="logo" />
 
           <h1 class="font-weight-bold leading-normal text-2xl">
-            MoviePilot
+            MOVIEPILOT
           </h1>
         </RouterLink>
       </slot>

src/components/cards/PersonCard.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import personIcon from '@images/misc/person.png'
+import personIcon from '@images/misc/person-icon.png'
 import type { TmdbPerson } from '@/api/types'
 import router from '@/router'
 

src/styles/styles.scss

@@ -85,8 +85,6 @@
   font-size: 1.25rem;
   font-weight: 700;
   line-height: 1.75rem;
-  --tw-text-opacity: 1;
-  color: rgb(209 213 219/var(--tw-text-opacity));
 }
 
 @media (min-width: 640px){

src/views/discover/MediaDetailView.vue

@@ -54,7 +54,7 @@ onBeforeMount(() => {
         </div>
         <div class="media-title">
           <div class="media-status" />
-          <h1 class="flex flex-col items-baseline md:flex-row">
+          <h1 class="flex flex-row items-baseline justify-start lg:justify-center">
             <span>{{ mediaDetail.title }}</span>
             <span v-if="mediaDetail.year" class="text-lg">（{{ mediaDetail.year }}）</span>
           </h1>

src/views/discover/PersonDetailView.vue

@@ -77,7 +77,7 @@ onBeforeMount(() => {
         <h1 class="text-3xl lg:text-4xl">
           {{ personDetail.name }}
         </h1>
-        <div class="mt-1 mb-2 space-y-1 text-xs text-white sm:text-sm lg:text-base">
+        <div class="mt-1 mb-2 space-y-1 text-xs sm:text-sm lg:text-base">
           <div>
             <span v-if="personDetail.birthday">{{ personDetail.birthday }}</span>
             <span v-if="personDetail.place_of_birth"> | </span>