From f2bc115a1d7f21eb87db1c2fb0657d58d366bd73 Mon Sep 17 00:00:00 2001
From: Johnny <yourselfhosted@gmail.com>
Date: Tue, 23 Dec 2025 19:17:00 +0800
Subject: [PATCH] fix(MemoEditor): restore wrapper styles removed by
 refactoring

- Add back Tailwind utility classes for proper layout
- Restore padding, border, background, and flex styles
- Fix missing styles on memo-editor-wrapper element
---
 web/src/components/MemoEditor/index.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/web/src/components/MemoEditor/index.tsx b/web/src/components/MemoEditor/index.tsx
index f5e398916..1cf2b7125 100644
--- a/web/src/components/MemoEditor/index.tsx
+++ b/web/src/components/MemoEditor/index.tsx
@@ -122,10 +122,16 @@ const MemoEditorImpl: React.FC<Props> = ({
     <MemoEditorContext.Provider value={legacyContextValue}>
       <FocusModeOverlay isActive={state.ui.isFocusMode} onToggle={actions.toggleFocusMode} />
 
-      <div className={cn("memo-editor-wrapper", state.ui.isFocusMode && "focus-mode", className)}>
-        <EditorToolbar onSave={handleSave} onCancel={onCancel} />
+      <div
+        className={cn(
+          "group relative w-full flex flex-col justify-start items-start bg-card px-4 pt-3 pb-2 rounded-lg border border-border",
+          state.ui.isFocusMode && "focus-mode",
+          className,
+        )}
+      >
         <EditorContent ref={editorRef} placeholder={placeholder} autoFocus={autoFocus} />
         <EditorMetadata />
+        <EditorToolbar onSave={handleSave} onCancel={onCancel} />
       </div>
     </MemoEditorContext.Provider>
   );