root/MyNote
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix(ui): 4项界面美化——1.图标统一纯色字符(🎨→◐/🕸→◇/📁→▣/📥→↓/📄→◉ 全部移除彩色emoji); 2.Resizer加拖拽手柄+悬停高亮+accent强调色; EditorToolbar/Toolbar按钮去边框+圆角+悬停背景; TitleBar按钮宽度收紧+圆角; 3.自定义滚动条(6px宽+半透明+圆角+hover加深) webkit+firefox双引擎; 4.@media print隐藏滚动条+overflow visible防进度条打印

Browse Source
This commit is contained in:
hunter-dev
2026-08-26 19:10:49 +08:00
parent 8c47d27979
commit 34d3fec449
7 changed files with 32 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/desktop/src/renderer/styles.css
+12 -3
View File
@@ -1,5 +1,12 @@
* { box-sizing: border-box; }
html, body, #root { margin: 0; height: 100%; }
/* 自定义滚动条——细+半透明+圆角 */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--control-border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--text-tertiary); }
* { scrollbar-width: thin; scrollbar-color: var(--control-border) transparent; }
/* Tiptap 编辑器正文 */
.tiptap-wrap .ProseMirror {
font-size: var(--editor-font-size, 14px) !important;
@@ -87,10 +94,12 @@ html, body, #root { margin: 0; height: 100%; }
/* FR-X2：打印/另存为 PDF 干净排版 + 代码语法高亮 */
@media print {
body * { visibility: hidden; }
::-webkit-scrollbar { display: none !important; }
* { scrollbar-width: none !important; }
.tiptap-wrap, .tiptap-wrap * { visibility: visible; }
.tiptap-wrap { position: absolute; left: 0; top: 0; width: 100%; padding: 20px; }
.tiptap-wrap .ProseMirror { font-size: 14px !important; color: #000 !important; }
.tiptap-wrap .ProseMirror pre { background: #f4f4f4 !important; color: #333 !important; border: 1px solid #ddd; padding: 8px; border-radius: 4px; overflow: visible; }
.tiptap-wrap { position: absolute; left: 0; top: 0; width: 100%; padding: 20px; overflow: visible !important; }
.tiptap-wrap .ProseMirror { font-size: 14px !important; color: #000 !important; overflow: visible !important; }
.tiptap-wrap .ProseMirror pre { background: #f4f4f4 !important; color: #333 !important; border: 1px solid #ddd; padding: 8px; border-radius: 4px; overflow: visible !important; }
.tiptap-wrap .ProseMirror pre code { color: #333; }
.tiptap-wrap .ProseMirror h1, .tiptap-wrap .ProseMirror h2, .tiptap-wrap .ProseMirror h3 { color: #000; }
.tiptap-wrap .ProseMirror blockquote { border-color: #ccc; color: #555; }