From 8154807f901a200863e92d61f820e5dee5e386f1 Mon Sep 17 00:00:00 2001 From: ovo Date: Sun, 15 Dec 2024 22:44:49 +0800 Subject: [PATCH] =?UTF-8?q?feat(=E5=9B=BE=E4=B9=A6=E5=88=9D=E6=AD=A5):=20?= =?UTF-8?q?=E5=9B=BE=E4=B9=A6=E5=88=9D=E6=AD=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 图书初步 --- src/main/resources/static/daxz.html | 112 ++++++++++++++++------------ 1 file changed, 65 insertions(+), 47 deletions(-) diff --git a/src/main/resources/static/daxz.html b/src/main/resources/static/daxz.html index c3aaa9f..0b4d7f2 100644 --- a/src/main/resources/static/daxz.html +++ b/src/main/resources/static/daxz.html @@ -9,13 +9,8 @@ font-family: Arial, sans-serif; background-color: #f4f4f9; margin: 0; - padding: 0; - display: flex; - justify-content: center; - align-items: center; - height: 100vh; - text-align: left; - padding-left: 20px; + padding: 20px; + min-height: 100vh; } .container { @@ -24,9 +19,7 @@ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); padding: 20px; max-width: 800px; - width: 100%; - height: 90%; - overflow-y: auto; + margin: 0 auto; } h1 { @@ -39,13 +32,10 @@ padding: 15px; background-color: #f9f9f9; border-radius: 8px; - min-height: 200px; font-size: 16px; color: #555; white-space: pre-wrap; line-height: 1.8; - max-height: 420px; - overflow-y: auto; } #comments p { @@ -55,6 +45,15 @@ .button-container { margin-top: 20px; + position: sticky; + bottom: 20px; + background: white; + padding: 10px; + border-radius: 8px; + box-shadow: 0 -2px 10px rgba(0,0,0,0.1); + display: flex; + justify-content: center; + gap: 10px; } button { @@ -65,7 +64,6 @@ padding: 10px 20px; font-size: 16px; cursor: pointer; - margin: 0 10px; transition: background-color 0.3s; } @@ -77,6 +75,16 @@ background-color: #ddd; cursor: not-allowed; } + + #pageTitle { + position: sticky; + top: 0; + background: white; + padding: 10px; + margin: 0; + z-index: 100; + border-bottom: 1px solid #eee; + } @@ -92,76 +100,86 @@