Merge pull request #23 from Yeban8090/1.0.17

1.0.17

manifest.json

@@ -1,7 +1,7 @@
 {
     "id": "note-to-red",
     "name": "Note to RED",
-    "version": "1.0.16",
+    "version": "1.0.17",
     "minAppVersion": "0.15.0",
     "description": "Convert Markdown notes to RED (Xiaohongshu) style images",
     "author": "Yeban",

src/settings/CreateThemeModal.ts

@@ -566,6 +566,34 @@ export class CreateThemeModal extends Modal {
                             .replace(/border:\s*1px solid\s*#[a-fA-F0-9]+80/, `border: 1px solid ${value}80`);
                     });
             });
+        
+        // 添加头像圆角设置
+        new Setting(headerSection)
+            .setName('头像圆角')
+            .setDesc('设置头像的圆角大小（单位：px）。设置为-1表示圆形，大于1则有圆角')
+            .addText(text => {
+                // 获取当前圆角值
+                const currentRadius = styles.avatar.container.match(/border-radius:\s*([\d-]+)px/)?.[1] || '12';
+                text.setValue(currentRadius)
+                    .setPlaceholder('输入圆角大小')
+                    .onChange(value => {
+                        // 解析输入值
+                        let radius: string;
+                        if (value === '-1') {
+                            // 设置为圆形（50%）
+                            radius = '50%';
+                        } else {
+                            // 设置为具体的像素值
+                            const pixelValue = parseInt(value) || 12;
+                            radius = `${pixelValue}px`;
+                        }
+                        
+                        // 更新样式
+                        styles.avatar.container = styles.avatar.container
+                            .replace(/border-radius:\s*[^;]+/, `border-radius: ${radius}`);
+                    });
+            });
+            
         new Setting(headerSection)
             .setName('认证图标颜色')
             .setDesc('设置认证图标的颜色')

src/styles/view/layout.css

@@ -23,7 +23,7 @@
 .red-preview-container {
     position: relative;
     min-width: 490px;
-    height: 100%;
+    aspect-ratio: 3/4;
     display: flex;
     justify-content: center;
     align-items: flex-start;
@@ -90,7 +90,7 @@
 /* 导航容器 */
 .red-nav-container {
     position: fixed;
-    bottom: 120px;  /* 调整位置避免与底部工具栏重叠 */
+    bottom: 110px;  /* 调整位置避免与底部工具栏重叠 */
     left: 50%;
     transform: translateX(-50%);
     display: flex;