From a1ee522b83bd6261884ebb919d31047c73264382 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sun, 2 Jul 2023 19:25:47 +0800
Subject: [PATCH] fix

---
 .env.development                             |  2 +-
 src/components/cards/DownloadingCard.vue     |  5 +++--
 src/components/cards/SiteCard.vue            | 11 ++++++-----
 src/views/reorganize/DownloadingListView.vue |  2 +-
 4 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/.env.development b/.env.development
index d78c77aa..64c2bdd4 100644
--- a/.env.development
+++ b/.env.development
@@ -1 +1 @@
-VITE_API_BASE_URL=http://10.10.10.105:3001/api/v1/
+VITE_API_BASE_URL=http://10.10.10.10:3001/api/v1/
diff --git a/src/components/cards/DownloadingCard.vue b/src/components/cards/DownloadingCard.vue
index b23231d1..261804cd 100644
--- a/src/components/cards/DownloadingCard.vue
+++ b/src/components/cards/DownloadingCard.vue
@@ -49,7 +49,7 @@ const deleteDownload = () => {
 
 <template>
   <VCard :key="props.info?.hash" v-if="cardState">
-    <div class="d-flex justify-space-between flex-nowrap flex-row">
+    <div class="d-flex justify-space-between flex-wrap flex-row">
       <div class="ma-auto pa-5 pe-0" v-if="props.info?.media.image">
         <VImg
           aspect-ratio="2/3"
@@ -61,10 +61,11 @@ const deleteDownload = () => {
 
       <div class="w-full">
         <VCardItem>
-          <VCardTitle>{{ props.info?.media.title || props.info?.name }}</VCardTitle>
+          <VCardTitle>{{ props.info?.media.title || props.info?.name }} {{ props.info?.season_episode }}</VCardTitle>
         </VCardItem>
 
         <VCardText
+          v-if="!props.info?.media.image"
           class="break-all whitespace-normal line-clamp-2 overflow-hidden text-ellipsis ..."
         >
           {{ props.info?.title }}
diff --git a/src/components/cards/SiteCard.vue b/src/components/cards/SiteCard.vue
index c1873ca0..3be4d352 100644
--- a/src/components/cards/SiteCard.vue
+++ b/src/components/cards/SiteCard.vue
@@ -26,7 +26,12 @@ onMounted(() => {
 </script>
 
 <template>
-  <VCard :height="props.height" :width="props.width" :flat="!props.site?.is_active">
+  <VCard :height="props.height" :width="props.width" :flat="!props.site?.is_active" class="overflow-hidden">
+    <template #image>
+      <VAvatar class="absolute right-2 bottom-2" variant="flat" rounded="0">
+        <VImg :src="siteIcon" />
+      </VAvatar>
+    </template>
     <VCardItem>
       <VCardTitle>{{ props.site?.name }}</VCardTitle>
       <VCardSubtitle>{{ props.site?.url }}</VCardSubtitle>
@@ -40,10 +45,6 @@ onMounted(() => {
     >
     </VIcon>
 
-    <VAvatar class="absolute right-5 bottom-5" variant="flat" rounded="0">
-      <VImg :src="siteIcon"></VImg>
-    </VAvatar>
-
     <VCardText class="py-2">
       <VTooltip text="浏览器仿真" v-if="props.site?.render">
         <template #activator="{ props }">
diff --git a/src/views/reorganize/DownloadingListView.vue b/src/views/reorganize/DownloadingListView.vue
index f188d044..db9034bb 100644
--- a/src/views/reorganize/DownloadingListView.vue
+++ b/src/views/reorganize/DownloadingListView.vue
@@ -40,7 +40,7 @@ const onRefresh = () => {
 
 <style type="scss">
 .grid-downloading-card {
-  grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
   padding-block-end: 1rem;
 }
 </style>