From e66e87c63b9821b28cf3434fc4067af110d87215 Mon Sep 17 00:00:00 2001
From: seaHi <me@seahi.me>
Date: Sat, 12 Sep 2026 08:17:48 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E7=A7=BB=E9=99=A4=20Fancybox=20?=
 =?UTF-8?q?=E7=AB=96=E5=90=91=E7=BC=A9=E7=95=A5=E5=9B=BE=E4=BE=A7=E8=BE=B9?=
 =?UTF-8?q?=E6=A0=8F=E4=BD=8D=E7=BD=AE=E5=BE=AE=E8=B0=83=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app.css                                | 11 -----------
 src/lib/components/MarkdownRenderer.svelte |  3 +--
 2 files changed, 1 insertion(+), 13 deletions(-)

diff --git a/src/app.css b/src/app.css
index 0544474..754ae40 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1598,14 +1598,3 @@ footer section p:first-child {
 		padding-top: 0 !important;
 	}
 }
-
-/*
- * 文章详情页灯箱 (Fancybox) 微调
- *
- * 说明：Fancybox v6 在 Thumbs 使用 `type: 'scrollable'` 时会自动给容器加上
- * `.has-vertical-thumbs`，并铺展成 `flex-direction: row-reverse`（竖向缩略图条默认在左侧）。
- * 这里只覆盖一处：把它改到右侧。其余布局全部交给官方样式，避免与库自身逻辑冲突。
- */
-.fancybox__container.has-vertical-thumbs {
-	flex-direction: row !important;
-}
diff --git a/src/lib/components/MarkdownRenderer.svelte b/src/lib/components/MarkdownRenderer.svelte
index f745f86..153d7c8 100644
--- a/src/lib/components/MarkdownRenderer.svelte
+++ b/src/lib/components/MarkdownRenderer.svelte
@@ -377,8 +377,7 @@
 			Fancybox.bind('[data-fancybox]', {
 				Carousel: {
 					Thumbs: {
-						// 'scrollable' 让缩略图成为竖向侧边导航；
-						// 库会自动加上 .has-vertical-thumbs（方向由 app.css 覆盖为右侧）。
+						// 'scrollable' 让缩略图成为竖向侧边导航（库默认放在左侧，会自动加 .has-vertical-thumbs）。
 						type: 'scrollable',
 						// 默认收起，由工具栏右上角的缩略图按钮展开/收起。
 						showOnStart: false