0.3.1 UI修复

2026-01-18 19:01:31 +08:00
parent 90a38b48cf
commit 8a5b915002
86 changed files with 1160 additions and 2867 deletions
@@ -43,6 +43,17 @@
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
+
+  /* Wolai 设计系统颜色变量 */
+  --color-wolai-bg: #FFFFFF;
+  --color-wolai-bg-sidebar: #F7F7F5;
+  --color-wolai-bg-hover: #EFEFEF;
+  --color-wolai-bg-active: #E8E8E7;
+  --color-wolai-text-primary: #37352F;
+  --color-wolai-text-secondary: #9B9A97;
+  --color-wolai-border: #E9E9E8;
+  --color-wolai-brand: #22A559;
+  --font-wolai-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", Helvetica, Arial, sans-serif;
 }

 :root {
@@ -87,6 +98,45 @@ body,
  min-height: 100%;
 }

+/* Wolai 字体栈 */
+body {
+  font-family: -apple-system, "Microsoft YaHei", sans-serif;
+  color: #37352F;
+  background-color: #FFFFFF;
+}
+
+/* 滚动条美化 - 悬停时显示 */
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+::-webkit-scrollbar-thumb {
+  background: transparent;
+  border-radius: 4px;
+}
+:hover::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.1);
+}
+
+/* BlockNote 变量覆盖 */
+:root {
+  --bn-colors-editor-background: #FFFFFF;
+  --bn-colors-editor-text: #37352F;
+  --bn-font-family: -apple-system, "Microsoft YaHei", sans-serif;
+  --bn-border-radius: 4px;
+}
+
+/* 调整编辑器内容宽度 */
+.bn-editor {
+  padding-left: 5rem;
+  padding-right: 5rem;
+  max-width: 900px;
+  margin: 0 auto;
+}
+
 .dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
@@ -510,4 +560,109 @@ body,
  #luckysheet-rich-text-editor {
    z-index: 100 !important;
  }
+
+  /* Wolai 编辑器样式 */
+  .wolai-editor .bn-block-content {
+    color: #37352F;
+    line-height: 1.6;
+  }
+
+  /* 标题样式 */
+  .wolai-editor h1 {
+    font-size: 30px;
+    font-weight: 700;
+    margin-top: 1.5em;
+    margin-bottom: 0.5em;
+    color: #37352F;
+    line-height: 1.3;
+  }
+
+  .wolai-editor h2 {
+    font-size: 24px;
+    font-weight: 600;
+    margin-top: 1.4em;
+    margin-bottom: 0.4em;
+    color: #37352F;
+    line-height: 1.4;
+  }
+
+  .wolai-editor h3 {
+    font-size: 20px;
+    font-weight: 600;
+    margin-top: 1.3em;
+    margin-bottom: 0.4em;
+    color: #37352F;
+    line-height: 1.4;
+  }
+
+  /* 列表样式 */
+  .wolai-editor ul,
+  .wolai-editor ol {
+    padding-left: 1.5em;
+  }
+
+  .wolai-editor li {
+    margin: 2px 0;
+  }
+
+  /* 引用块样式 */
+  .wolai-editor blockquote {
+    border-left: 3px solid #E9E9E8;
+    padding-left: 1em;
+    color: #9B9A97;
+    font-style: italic;
+  }
+
+  /* 代码块样式 */
+  .wolai-editor pre {
+    background-color: #F7F7F5;
+    border-radius: 4px;
+    padding: 1em;
+    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
+    font-size: 14px;
+  }
+
+  /* 分割线样式 */
+  .wolai-editor hr {
+    border-color: #E9E9E8;
+    margin: 1.5em 0;
+  }
+
+  /* 链接样式 */
+  .wolai-editor a {
+    color: #2563eb;
+    text-decoration: underline;
+  }
+
+  .wolai-editor a:hover {
+    color: #1d4ed8;
+  }
+
+  /* Slash 菜单样式 */
+  .bn-suggestion-menu {
+    background-color: #FFFFFF;
+    border: 1px solid #E9E9E8;
+    border-radius: 4px;
+    box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
+  }
+
+  .bn-suggestion-menu-item:hover,
+  .bn-suggestion-menu-item.selected {
+    background-color: #EFEFEF;
+  }
+
+  .bn-suggestion-menu-item-title {
+    color: #37352F;
+    font-weight: 500;
+  }
+
+  .bn-suggestion-menu-item-subtext {
+    color: #9B9A97;
+  }
+
+  .bn-suggestion-menu-item-group-title {
+    color: #9B9A97;
+    font-size: 12px;
+    font-weight: 600;
+  }
 }