fix: 修复长文档分页与滚动同步

apps/web/src/styles.css

@@ -166,12 +166,29 @@ h1 {
   color: #a23d3d;
 }
 
-.theme-control {
+.preview-heading-actions {
   display: flex;
   flex: none;
   align-items: center;
+  justify-content: flex-end;
+  gap: 10px;
+  min-width: 0;
+  max-width: 68%;
+}
+
+.preview-page-indicator {
+  flex: none;
+  color: #5d7168;
+  font-size: 0.7rem;
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+
+.theme-control {
+  display: flex;
+  min-width: 0;
+  align-items: center;
   gap: 6px;
-  max-width: 56%;
 }
 
 .theme-control select {
@@ -245,11 +262,13 @@ textarea:focus {
 
 .preview-scroll {
   flex: 1;
+  min-height: 0;
   overflow: auto;
-  padding: 34px;
+  padding: 0 30px;
 }
 
 .paper {
+  height: 100%;
   margin: 0 auto;
   background: transparent;
 }
@@ -257,7 +276,8 @@ textarea:focus {
 .preview-frame {
   display: block;
   width: 100%;
-  min-height: 500px;
+  height: 100%;
+  min-height: 0;
   border: 0;
   background: transparent;
 }
@@ -576,7 +596,7 @@ textarea:focus {
   }
 
   .preview-scroll {
-    padding: 18px 10px;
+    padding: 0 10px;
   }
 
   .paper {