From e7814742e51325de7a954fd8f0cf6c84ebb08aa6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=84=B1=EA=B2=BD?= <skkim@o2o.kr>
Date: Fri, 27 Mar 2026 10:18:43 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A1=9C=EA=B7=B8=EC=9D=B8=20=ED=9B=84=20?=
 =?UTF-8?q?=EC=8B=9C=EC=9E=91=ED=99=94=EB=A9=B4=20UI=EB=B3=80=EA=B2=BD=20?=
 =?UTF-8?q?=EC=BD=98=ED=85=90=EC=B8=A0=EC=BA=98=EB=A6=B0=EB=8D=94=20?=
 =?UTF-8?q?=EC=84=B8=EB=A1=9C=EA=B8=B8=EC=9D=B4=20=EC=A0=9C=ED=95=9C=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.css                                     | 28 ++++++++++---------
 src/components/Sidebar.tsx                    |  2 +-
 .../Dashboard/ContentCalendarContent.tsx      |  4 +--
 src/pages/Dashboard/UrlInputContent.tsx       | 21 +++++++-------
 4 files changed, 29 insertions(+), 26 deletions(-)

diff --git a/index.css b/index.css
index 33afb97..3524036 100644
--- a/index.css
+++ b/index.css
@@ -3931,7 +3931,7 @@
   flex-direction: column;
   align-items: center;
   text-align: center;
-  max-width: 600px;
+  max-width: 500px;
   width: 100%;
 }
 
@@ -3972,7 +3972,7 @@
   width: 100%;
   display: flex;
   flex-direction: column;
-  gap: 16px;
+  gap: 10px;
 }
 
 .url-input-wrapper {
@@ -4005,19 +4005,21 @@
 
 
 .url-input-button {
-  padding: 12px 32px;
-  background-color: #AE72F9;
-  border: none;
+  margin: auto;
+  max-width: 400px;
+  width: 100%;
+  padding: 11px 16px;
   border-radius: 12px;
-  font-family: 'Pretendard', sans-serif;
-  font-size: 16px;
+  background-color: #AE72F9;
+  color: #ffffff;
   font-weight: 600;
-  color: #FFFFFF;
+  font-size: 16px;
+  letter-spacing: -0.006em;
+  box-shadow: 0px 4px 24px 0px rgba(174, 114, 249, 0.4);
+  transition: all var(--transition-normal);
+  border: none;
   cursor: pointer;
-  transition: background-color 0.2s ease;
-  white-space: nowrap;
-  display: block;
-  margin: 0 auto;
+  animation: button-glow 1.5s ease-in-out infinite;
 }
 
 .url-input-button:hover:not(:disabled) {
@@ -4041,7 +4043,7 @@
   font-family: 'Pretendard', sans-serif;
   font-size: 14px;
   color: #6AB0B3;
-  margin: 24px 0 0 0;
+  margin: 0 0 10px;
 }
 
 /* URL Input Dropdown */
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 0d8f8e1..9533886 100755
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -82,7 +82,7 @@ const Sidebar: React.FC<SidebarProps> = ({ activeItem, onNavigate, onHome, userI
     { id: '대시보드', label: t('sidebar.dashboard'), disabled: false, icon: <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><rect x="3" y="3" width="7" height="9"/><rect x="14" y="3" width="7" height="5"/><rect x="14" y="12" width="7" height="9"/><rect x="3" y="16" width="7" height="5"/></svg> },
     { id: '새 프로젝트 만들기', label: t('sidebar.newProject'), disabled: false, icon: <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg> },
     { id: 'ADO2 콘텐츠', label: t('sidebar.ado2Contents'), disabled: false, icon: <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/></svg> },
-    // { id: '내 콘텐츠', label: t('sidebar.myContents'), disabled: true, icon: <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg> },
+    { id: '내 콘텐츠', label: t('sidebar.myContents'), disabled: true, icon: <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg> },
     { id: '콘텐츠 캘린더', label: '콘텐츠 캘린더', disabled: false, icon: <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg> },
     { id: '내 정보', label: t('sidebar.myInfo'), disabled: false, icon: <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg> },
   ];
diff --git a/src/pages/Dashboard/ContentCalendarContent.tsx b/src/pages/Dashboard/ContentCalendarContent.tsx
index 9e6380d..0c13bdb 100644
--- a/src/pages/Dashboard/ContentCalendarContent.tsx
+++ b/src/pages/Dashboard/ContentCalendarContent.tsx
@@ -644,7 +644,7 @@ const ContentCalendarContent: React.FC<ContentCalendarContentProps> = ({ onNavig
       <div
         ref={panelRef}
         className="calendar-panel-scroll"
-        style={{ flex: 1, overflowY: 'auto', padding: '12px 16px', display: 'flex', flexDirection: 'column', gap: 20, maxHeight: 900 }}
+        style={{ flex: 1, overflowY: 'auto', padding: '12px 16px', display: 'flex', flexDirection: 'column', gap: 20, maxHeight: 700 }}
       >
         {sortedDateKeys.map(dateKey => (
           <div
@@ -736,7 +736,7 @@ const ContentCalendarContent: React.FC<ContentCalendarContentProps> = ({ onNavig
   return (
     <div style={{
       display: 'flex', flexDirection: 'column', alignItems: 'center',
-      padding: '80px 32px',
+      padding: '32px',
       width: '100%',
       minWidth: 1400,
       height: '100%', boxSizing: 'border-box',
diff --git a/src/pages/Dashboard/UrlInputContent.tsx b/src/pages/Dashboard/UrlInputContent.tsx
index 98ab659..498e652 100644
--- a/src/pages/Dashboard/UrlInputContent.tsx
+++ b/src/pages/Dashboard/UrlInputContent.tsx
@@ -266,22 +266,23 @@ const UrlInputContent: React.FC<UrlInputContentProps> = ({ onAnalyze, onAutocomp
                 </div>
               )}
             </div>
-
-            {/* 검색 버튼 */}
-            <button type="submit" className="url-input-button">
-              {t('landing.hero.analyzeButton')}
-            </button>
           </div>
+
+          {/* 안내 텍스트 */}
+          <p className="url-input-guide">
+            {getGuideText()}
+          </p>
+                    
           {/* 에러 메시지 */}
           {error && (
             <p className="url-input-error">{error}</p>
           )}
-        </form>
 
-        {/* 안내 텍스트 */}
-        <p className="url-input-guide">
-          {getGuideText()}
-        </p>
+          {/* 검색 버튼 */}
+          <button type="submit" className="url-input-button">
+            {t('landing.hero.analyzeButton')}
+          </button>
+        </form>
       </div>
 
       {/* 테스트 버튼 (VITE_IS_TESTPAGE=true일 때만 표시) */}