ReplyEditor: minor clean up and adjustment

This commit is contained in:
thislight 2024-09-27 23:15:53 +08:00
parent 853ee98525
commit 8e24d61779
No known key found for this signature in database
GPG key ID: A50F9451AC56A63E

View file

@ -1,14 +1,9 @@
import { import {
batch,
createEffect, createEffect,
createRenderEffect,
createSignal, createSignal,
createUniqueId,
lazy,
onMount, onMount,
Show, Show,
type Component, type Component,
type Setter,
} from "solid-js"; } from "solid-js";
import Scaffold from "../material/Scaffold"; import Scaffold from "../material/Scaffold";
import { import {
@ -234,13 +229,13 @@ const ReplyEditor: Component<{
onClick={(e) => inputRef.focus()} onClick={(e) => inputRef.focus()}
> >
<div class={tootComposers.replyInput}> <div class={tootComposers.replyInput}>
<Avatar src={props.profile.inf?.avatar} /> <Avatar src={props.profile.inf?.avatar} sx={{marginLeft: '-0.25em'}} />
<textarea <textarea
ref={inputRef!} ref={inputRef!}
placeholder={`Reply to ${props.replyToDisplayName}...`} placeholder={`Reply to ${props.replyToDisplayName}...`}
style={{ width: "100%", border: "none" }} style={{ width: "100%", border: "none" }}
></textarea> ></textarea>
<IconButton> <IconButton sx={{marginRight: '-0.5em'}}>
<Send /> <Send />
</IconButton> </IconButton>
</div> </div>
@ -248,10 +243,10 @@ const ReplyEditor: Component<{
<div <div
style={{ style={{
display: "flex", display: "flex",
"justify-content": "flex-end", "justify-content": "space-between",
"margin-top": "8px", "margin-top": "8px",
gap: "16px", gap: "16px",
"flex-flow": "row wrap" "flex-flow": "row wrap",
}} }}
> >
<Button onClick={[setLangPickerOpen, true]}> <Button onClick={[setLangPickerOpen, true]}>