From bc96f4e34ce7d5d436a6443adfcddace157bd84a Mon Sep 17 00:00:00 2001
From: alikia2x <alikia2x@outlook.com>
Date: Sat, 4 May 2024 04:04:08 +0800
Subject: [PATCH] update: import page

---
 src/components/import/sourceCard.svelte | 4 ++--
 src/routes/import/+page.svelte          | 8 +++++---
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/import/sourceCard.svelte b/src/components/import/sourceCard.svelte
index 21ddab1..d29bb2b 100644
--- a/src/components/import/sourceCard.svelte
+++ b/src/components/import/sourceCard.svelte
@@ -5,8 +5,8 @@
     import Icon from '@iconify/svelte';
 </script>
 
-<div class="flex relative h-20 w-full m-4 border-2 border-zinc-400 dark:border-neutral-700 rounded-lg">
-    <div class="ml-4 flex flex-col justify-center text-4xl">
+<div class="flex relative min-h-20 h-fit p-4 w-full m-4 border-2 border-zinc-400 dark:border-neutral-700 rounded-lg">
+    <div class="flex flex-col justify-center text-4xl">
         <Icon icon={icon} />
     </div>
     
diff --git a/src/routes/import/+page.svelte b/src/routes/import/+page.svelte
index b470f5c..6434128 100644
--- a/src/routes/import/+page.svelte
+++ b/src/routes/import/+page.svelte
@@ -4,6 +4,8 @@
 </script>
 
 <h1>导入</h1>
-<p>希望从哪里导入你的歌曲？</p>
-<SourceCard title="本地" details="" icon="uil:import" />
-<SourceCard title="哔哩哔哩" details="" icon="ri:bilibili-fill" />
\ No newline at end of file
+<p class="leading-10">希望从哪里导入你的歌曲？</p>
+<SourceCard title="本地" details="从本地导入歌曲添加到 AquaVox 的本地音乐库。
+音乐文件将保存在浏览器中，因此无法跨浏览器聆听。若希望能在多个设备或浏览器上聆听，请考虑跨设备同步功能。" icon="uil:import" />
+<SourceCard title="哔哩哔哩" details="通过导入哔哩哔哩的公开收藏夹或若干给定BV号的视频，你可以将自己在哔哩哔哩中喜爱的歌曲导入到 AquaVox。
+但需要注意，此选项的可用性无法保证。" icon="ri:bilibili-fill" />
\ No newline at end of file