diff --git a/css/history_detail/02-layout/immersive.css b/css/history_detail/02-layout/immersive.css index 500cae3..027c339 100644 --- a/css/history_detail/02-layout/immersive.css +++ b/css/history_detail/02-layout/immersive.css @@ -877,23 +877,30 @@ body.immersive-active #immersive-main-content-area .container { /* ==================== 16. 简单沉浸模式样式 ==================== */ /* 简单沉浸模式隐藏元素 */ -body.simple-immersive-mode #fileName, -body.simple-immersive-mode .tabs-container, -body.simple-immersive-mode #fileMeta { +body.simple-immersive-pdf-mode #fileName, +body.simple-immersive-pdf-mode .tabs-container, +body.simple-immersive-pdf-mode #fileMeta { display: none !important; } -/* 简单沉浸模式下PDF阅读器高度为100vh */ -body.simple-immersive-mode #pdf-viewer-iframe { - height: 100vh !important; - position: fixed !important; - top: 0 !important; - left: 0 !important; - right: 0 !important; - bottom: 0 !important; - z-index: 1000 !important; +/* 简单沉浸模式下 container 的 padding 设为 0 */ +body.simple-immersive-pdf-mode .container { + padding: 0 !important; + margin: 0 auto !important; } +/* 简单沉浸模式下 container 的 padding 设为 0 */ +body.simple-immersive-pdf-mode #immersive-main-content-area .container { + padding: 0 !important; + margin: 0 auto !important; +} + +/* 简单沉浸模式下 container 的 padding 设为 0 */ +body.simple-immersive-pdf-mode .history-export-controls { + margin: 0 !important; +} + + /* ==================== 17. 打印样式 ==================== */ @media print { @@ -902,9 +909,9 @@ body.simple-immersive-mode #pdf-viewer-iframe { display: none !important; } - body.simple-immersive-mode #fileName, - body.simple-immersive-mode .tabs-container, - body.simple-immersive-mode #fileMeta { + body.simple-immersive-pdf-mode #fileName, + body.simple-immersive-pdf-mode .tabs-container, + body.simple-immersive-pdf-mode #fileMeta { display: none !important; } diff --git a/css/history_detail/02-layout/layout.css b/css/history_detail/02-layout/layout.css index 092ff96..55f8439 100644 --- a/css/history_detail/02-layout/layout.css +++ b/css/history_detail/02-layout/layout.css @@ -14,6 +14,7 @@ body { .container { max-width: 1200px; margin: 40px auto; + height: 100vh; background: var(--color-bg-base); border-radius: var(--radius-xl); /* 使用变量定义的轻量化阴影 */ @@ -86,6 +87,7 @@ body { .tab-content { background: transparent; padding: 8px 0; + height: 100vh; min-height: 300px; margin-top: 0; /* 优化阅读体验的字体设置 */ diff --git a/index.html b/index.html index fe95752..9998a36 100644 --- a/index.html +++ b/index.html @@ -532,30 +532,7 @@
- + @@ -566,9 +543,11 @@