Increase space between reply and parent posts in composer

pdelfan · Oct 28, 2024 · afeb152 · afeb152
1 parent 1dcbc2a
commit afeb152
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/src/components/dataDisplay/threadLine/ThreadLine.tsx b/src/components/dataDisplay/threadLine/ThreadLine.tsx
@@ -6,7 +6,7 @@ export default function Threadline(props: Props) {
   const { className } = props;
   return (
     <div
-      className={`border-skin-base absolute left-6 top-0 z-10 h-full border ${className}`}
+      className={`border-skin-base absolute left-6 top-6 z-10 h-full border ${className}`}
     />
   );
 }
diff --git a/src/components/inputs/editor/ReplyToPreview.tsx b/src/components/inputs/editor/ReplyToPreview.tsx
@@ -24,9 +24,9 @@ export default function ReplyToPreview(props: Props) {
   return (
     <article
       onClick={toggleShowMore}
-      className="relative mt-3 flex cursor-pointer items-start gap-3 rounded-2xl p-2"
+      className="relative flex cursor-pointer items-start gap-3 rounded-2xl p-2"
     >
-      <Threadline className="left-8 mt-5" />
+      <Threadline className="left-8" />
       <Image
         src={
           author.avatar?.replace("avatar", "avatar_thumbnail") ?? FallbackAvatar

diff --git a/src/components/inputs/editor/TextEdit.tsx b/src/components/inputs/editor/TextEdit.tsx
@@ -15,7 +15,7 @@ export default function TextEdit(props: Props) {
 
   return (
     <div>
-      <div className="flex gap-3">
+      <div className={`flex gap-3 ${isReply && "mt-3"}`}>
         <Image
           src={
             author?.avatar?.replace("avatar", "avatar_thumbnail") ??

diff --git a/src/components/inputs/editor/TopEditorBar.tsx b/src/components/inputs/editor/TopEditorBar.tsx
@@ -72,13 +72,13 @@ export default function TopEditorBar(props: Props) {
                 },
               });
             }}
-            className={`bg-primary hover:bg-primary-dark rounded-full px-4 py-2 text-sm font-semibold text-white ${
+            className={`bg-primary hover:bg-primary-dark rounded-full px-4 py-2 gap-2 text-sm font-semibold text-white ${
               onPublish.isPending && "animate-pulse animate-duration-1000"
             }`}
             disabled={onPublish.isPending}
           >
             <BiLogoTelegram className="text-xl" />
-            {onPublish.isPending ? "Posting..." : "Post"}
+            {onPublish.isPending ? "Sending..." : "Send"}
           </Button>
         </>
       )}