named volume

docker-compose.yml

@@ -4,9 +4,12 @@ services:
     ports:
       - "3000:3000"
     volumes:
-      - ./data:/app/data
+      - letters_data:/app/data
     environment:
       - APP_PASSWORD=${APP_PASSWORD}
       - JWT_SECRET=${JWT_SECRET}
       - DB_PATH=/app/data/letters.db
     restart: unless-stopped
+
+volumes:
+  letters_data:

frontend/src/components/RichTextEditor.tsx

@@ -110,7 +110,7 @@ export default function RichTextEditor({ content, onChange, placeholder }: Props
           float: left;
           height: 0;
         }
-        .tiptap img { max-width: 100%; border-radius: 8px; margin: 8px 0; }
+        .tiptap img { max-width: 75%; border-radius: 8px; margin: 12px auto; display: block; }
         .tiptap blockquote {
           border-left: 3px solid var(--accent);
           padding-left: 16px;

frontend/src/index.css

@@ -229,7 +229,7 @@ button {
 .letter-body p { margin-bottom: 1em; }
 .letter-body p:empty::after,
 .letter-body p:has(br:only-child)::after { content: "\00a0"; }
-.letter-body img { max-width: 100%; border-radius: 8px; margin: 8px 0; }
+.letter-body img { max-width: 75%; border-radius: 8px; margin: 12px auto; display: block; }
 .letter-body blockquote {
   border-left: 3px solid var(--accent);
   padding-left: 16px;