From a7c43c4cf41e7c5c83b2b27b364f357de84f9be7 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Sun, 16 Apr 2023 00:47:14 +0800
Subject: [PATCH] style: adjusting some  details

---
 src/background/resetWebsiteStyle.ts                     | 3 +--
 src/components/VideoCard.vue                            | 8 ++++----
 src/contentScripts/views/Anime/components/AnimeCard.vue | 9 ++++++---
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/background/resetWebsiteStyle.ts b/src/background/resetWebsiteStyle.ts
index a1ea7bbd..7b983a7b 100644
--- a/src/background/resetWebsiteStyle.ts
+++ b/src/background/resetWebsiteStyle.ts
@@ -28,10 +28,9 @@ body {
   min-width: unset !important;
 }
 
-html {
+html, body {
   background-color: var(--bew-bg);
 }
-
 a,
 a:hover {
   color: unset;
diff --git a/src/components/VideoCard.vue b/src/components/VideoCard.vue
index 011f0d39..e649ca8d 100644
--- a/src/components/VideoCard.vue
+++ b/src/components/VideoCard.vue
@@ -254,12 +254,12 @@ function gotoChannel(mid: number) {
           </div>
           <div class="video-info" text="base $bew-text-2">
             <!-- <uil:play-circle inline /> -->
-            {{
+            <span>{{
               $t('common.view', { count: numFormatter(view) }, view)
-            }}
-            <span class="text-xs font-light">•</span>
+            }}</span>
+            <span text-xs font-light mx-1>•</span>
             <!-- <uil:list-ui-alt inline /> -->
-            {{ $t('common.danmaku', { count: numFormatter(danmaku) }, danmaku) }}
+            <span>{{ $t('common.danmaku', { count: numFormatter(danmaku) }, danmaku) }}</span>
             <!-- <span class="text-xs font-light">•</span> -->
             <br>
             <span text="$bew-text-3 sm" inline-block mt-2 p="x-2 y-1" bg="$bew-fill-1" rounded-4>{{ calcTimeSince(publishedTimestamp * 1000) }}</span>
diff --git a/src/contentScripts/views/Anime/components/AnimeCard.vue b/src/contentScripts/views/Anime/components/AnimeCard.vue
index c1b05cbb..54921f52 100644
--- a/src/contentScripts/views/Anime/components/AnimeCard.vue
+++ b/src/contentScripts/views/Anime/components/AnimeCard.vue
@@ -44,14 +44,17 @@ defineProps<{
         {{ title }}
       </a>
     </p>
-    <div text="$bew-text-2" mb-10 flex items-center>
+    <div text="$bew-text-2" mb-10 flex flex-wrap gap-2 items-center>
       <div
         text="$bew-theme-color" bg="$bew-theme-color-20"
-        p="x-3" h-27px lh-27px mr-2 rounded-4
+        p="x-3" h-27px lh-27px rounded-4
       >
         {{ capsuleText }}
       </div>
-      {{ desc }}
+      <span>
+
+        {{ desc }}
+      </span>
     </div>
   </div>
 </template>