update(journalDetail): 调整收藏按钮位置

src/app/vol/[journalId]/page.tsx

@@ -30,32 +30,21 @@ export default async function JournalDetail({ params: { journalId } }: { params:
         {/* 封面 */}
         <VolDetailCoverCard journalInfo={journalInfo} />
         {/* 期刊号 & 标签 */}
-        <div className="flex flex-row items-center gap-[9px] w-full h-auto mt-[30px]">
-          <p className="text-[rgba(0,0,0,0.7)] text-[14px] leading-[19.6px]">{`VOL·${journalInfo?.journalNo}`}</p>
-          {journalInfo?.tags.length > 0 &&
-            journalInfo.tags.map((tag: string) => (
-              <Link
-                href="/"
-                key={tag}
-                className="block w-auto py-[3px] px-[10px] rounded-[15px] bg-[rgba(0,0,0,0.05)] text-[rgba(0,0,0,0.7)] text-[12px] leading-[12px]"
-              >
-                {tag}
-              </Link>
-            ))}
-        </div>
-
-        <div className="flex flex-row items-center justify-between w-full h-auto">
-          {/* 标题 */}
-          <div>
-            <div className="w-autp text-[24px] leading-[33.6px] my-[9px] text-base text-bold text-overflow">
-              {journalInfo.title}
-            </div>
-            {/* 作者 & 时间 */}
-            <div className="flex flex-row item-center text-[rgba(0,0,0,0.4)] text-[12px] leading-[16.8px] gap-[12px]">
-              <p>{journalInfo.editor}</p>
-              <p>{journalInfo.date}</p>
-            </div>
+        <div className="flex flex-row justify-between w-full h-auto mt-[30px]">
+          <div className="flex flex-row items-center gap-[9px]">
+            <div className="text-[rgba(0,0,0,0.7)] text-[14px] leading-[19.6px]">{`VOL·${journalInfo?.journalNo}`}</div>
+            {journalInfo?.tags.length > 0 &&
+              journalInfo.tags.map((tag: string) => (
+                <Link
+                  href="/"
+                  key={tag}
+                  className="block w-auto py-[3px] px-[10px] rounded-[15px] bg-[rgba(0,0,0,0.05)] text-[rgba(0,0,0,0.7)] text-[12px] leading-[12px]"
+                >
+                  {tag}
+                </Link>
+              ))}
           </div>
+
           {/* 收藏 */}
           <ButtonCollect
             showText
@@ -68,6 +57,20 @@ export default async function JournalDetail({ params: { journalId } }: { params:
             gap={9}
           />
         </div>
+
+        <div className="flex flex-row justify-between w-full h-auto">
+          {/* 标题 */}
+          <div>
+            <div className="w-autp text-[24px] leading-[33.6px] my-[9px] text-base font-bold text-overflow">
+              {journalInfo.title}
+            </div>
+            {/* 作者 & 时间 */}
+            <div className="flex flex-row item-center text-[rgba(0,0,0,0.4)] text-[12px] leading-[16.8px] gap-[12px]">
+              <p>{journalInfo.editor}</p>
+              <p>{journalInfo.date}</p>
+            </div>
+          </div>
+        </div>
         {/* 内容 */}
         <article
           className="mt-[24px] text-[15px] leading-[21px] text-base"