From 714aec092ed765c3a0f79f2dc50fa3a9e4d180e0 Mon Sep 17 00:00:00 2001
From: Euigyom Kim <egkim@dehol.kr>
Date: Wed, 14 Jan 2026 11:23:02 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EA=B8=80=20=EC=9E=91=EC=84=B1=20?=
 =?UTF-8?q?=EC=83=81=EC=9E=90=20=EC=A0=84=EC=86=A1=20=EB=B2=84=ED=8A=BC=20?=
 =?UTF-8?q?=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 이모지, CW, 전송 버튼 색상을 다른 버튼과 동일하게 변경
- 전송 버튼에 '전송' 텍스트 추가로 가시성 향상
- 버튼 너비를 동적으로 조정되도록 수정
- 본문 버튼과 동일한 패딩 적용으로 일관된 UI 제공
---
 src/ui/components/ComposeBox.tsx |  3 ++-
 src/ui/styles/components.css     | 23 ++++++++++++++++++++---
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/ui/components/ComposeBox.tsx b/src/ui/components/ComposeBox.tsx
index c3c71d5..59216a0 100644
--- a/src/ui/components/ComposeBox.tsx
+++ b/src/ui/components/ComposeBox.tsx
@@ -652,7 +652,7 @@ export const ComposeBox = ({
             </button>
             <button
               type="submit"
-              className="icon-button compose-icon-button"
+              className="icon-button compose-icon-button compose-submit-button"
               aria-label="게시"
               disabled={isSubmitting}
             >
@@ -660,6 +660,7 @@ export const ComposeBox = ({
                 <path d="M22 2L11 13" />
                 <path d="M22 2l-7 20-4-9-9-4 20-7z" />
               </svg>
+              <span>전송</span>
             </button>
           </div>
         </div>
diff --git a/src/ui/styles/components.css b/src/ui/styles/components.css
index c7331ca..7619a79 100644
--- a/src/ui/styles/components.css
+++ b/src/ui/styles/components.css
@@ -744,17 +744,34 @@
 }
 
 .compose-icon-button {
-  background: var(--color-secondary-button-bg);
-  color: var(--color-secondary-button-text);
-  border: 1px solid var(--color-secondary-button-border);
+  background: var(--color-action-bg);
+  color: var(--color-action-text);
+  border: 1px solid var(--color-action-bg);
   width: 34px;
   height: 34px;
 }
 
+.compose-icon-button:not(.compose-submit-button) {
+  width: 34px;
+}
+
 .compose-icon-button:disabled {
   opacity: 0.5;
 }
 
+.compose-submit-button {
+  width: auto !important;
+  min-width: 34px;
+  padding: 8px 12px !important;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.compose-submit-button svg {
+  flex-shrink: 0;
+}
+
 .compose-emoji-panel {
   margin-top: 12px;
   border: 1px solid var(--color-emoji-panel-border);