-
- {/* Submit button (optional) */}
- {showSubmitButton && (
-
+ {/* Editor - full width, no border, takes up available space */}
+
+
- {/* Relays section (collapsible) */}
+ {/* Actions row: Upload, Mentions dropdown, Hashtags dropdown */}
+ {isCard && (
+
+ {/* Upload button */}
+
+
+ {/* Mentions dropdown */}
+ {extractedMentions.length > 0 && (
+
+
+
+
+
+ {extractedMentions.map((pubkey) => (
+ {
+ if (checked) {
+ setSelectedMentions([...selectedMentions, pubkey]);
+ } else {
+ setSelectedMentions(
+ selectedMentions.filter((p) => p !== pubkey),
+ );
+ }
+ }}
+ >
+
+ {pubkey.slice(0, 8)}...{pubkey.slice(-8)}
+
+
+ ))}
+
+
+ )}
+
+ {/* Hashtags dropdown (read-only, just shows what will be tagged) */}
+ {extractedHashtags.length > 0 && (
+
+
+
+
+
+ {extractedHashtags.map((tag) => (
+
+ #{tag}
+
+ ))}
+
+
+ )}
+
+ )}
+
+ {/* Relay selector */}
{isCard && userRelays.length > 0 && (
-
-
-
-
-
+
+
+ Publish to relays:
+
+
{userRelays.map((relay) => (
-
+
+
+
))}
-
-
+
+
)}
- {/* Mentions section (collapsible) */}
- {isCard && extractedMentions.length > 0 && (
-
-
-
-
-
- {extractedMentions.map((pubkey) => (
-
- {
- if (checked) {
- setSelectedMentions([...selectedMentions, pubkey]);
- } else {
- setSelectedMentions(
- selectedMentions.filter((p) => p !== pubkey),
- );
- }
- }}
- />
-
- {pubkey.slice(0, 8)}...{pubkey.slice(-8)}
-
-
- ))}
-
-
+ {/* Big publish button */}
+ {showSubmitButton && (
+
)}
{uploadDialog}
diff --git a/src/index.css b/src/index.css
index 3ec7964..5db16fa 100644
--- a/src/index.css
+++ b/src/index.css
@@ -381,11 +381,10 @@ body.animating-layout
/* Multi-row editor styles for card variant */
.editor-card .ProseMirror {
- min-height: 6rem;
- max-height: 24rem;
+ height: 100%;
overflow-y: auto;
line-height: 1.5rem;
- padding: 0.5rem;
+ padding: 0.75rem;
}
.editor-card .ProseMirror p {