고객의견 구글폼 연결 버튼 추가 및 UI 수정

feature-dashboard
김성경 2026-03-25 16:00:05 +09:00
parent 8be7b7adcf
commit 5ec50e66de
4 changed files with 84 additions and 13 deletions

View File

@ -860,6 +860,39 @@
background: rgba(255, 255, 255, 0.15); background: rgba(255, 255, 255, 0.15);
} }
/* Sidebar Footer Actions */
.sidebar-footer-actions {
display: flex;
flex-direction: column;
}
.sidebar-footer-actions .logout-btn {
width: 100%;
}
.sidebar-inquiry-btn {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.75rem 1rem;
color: var(--color-text-gray-400);
text-decoration: none;
transition: color var(--transition-normal);
white-space: nowrap;
font-size: var(--text-sm);
font-weight: 700;
flex-shrink: 0;
}
.sidebar-inquiry-btn:hover {
color: var(--color-text-white);
}
.sidebar-inquiry-btn.collapsed {
justify-content: center;
padding: 0.75rem;
}
/* Logout Button */ /* Logout Button */
.logout-btn { .logout-btn {
width: 100%; width: 100%;
@ -10441,3 +10474,27 @@
cursor: not-allowed; cursor: not-allowed;
transform: none; transform: none;
} }
/* Calendar panel scrollbar */
.calendar-panel-scroll::-webkit-scrollbar {
width: 4px;
}
.calendar-panel-scroll::-webkit-scrollbar-track {
background: transparent;
}
.calendar-panel-scroll::-webkit-scrollbar-thumb {
background: #067C80;
border-radius: 999px;
}
.calendar-panel-scroll::-webkit-scrollbar-thumb:hover {
background: #088a8e;
}
/* Firefox */
.calendar-panel-scroll {
scrollbar-width: thin;
scrollbar-color: #067C80 transparent;
}

View File

@ -175,6 +175,7 @@ const Sidebar: React.FC<SidebarProps> = ({ activeItem, onNavigate, onHome, userI
)} )}
</div> </div>
<div className="sidebar-footer-actions">
<button <button
className={`logout-btn ${isCollapsed ? 'collapsed' : ''}`} className={`logout-btn ${isCollapsed ? 'collapsed' : ''}`}
onClick={handleLogout} onClick={handleLogout}
@ -185,6 +186,19 @@ const Sidebar: React.FC<SidebarProps> = ({ activeItem, onNavigate, onHome, userI
</svg> </svg>
{!isCollapsed && <span className="logout-btn-label">{isLoggingOut ? t('sidebar.loggingOut') : t('sidebar.logout')}</span>} {!isCollapsed && <span className="logout-btn-label">{isLoggingOut ? t('sidebar.loggingOut') : t('sidebar.logout')}</span>}
</button> </button>
<a
href="https://forms.gle/4a8mGebBYtdesvby9"
target="_blank"
rel="noopener noreferrer"
className={`sidebar-inquiry-btn ${isCollapsed ? 'collapsed' : ''}`}
title="고객의견"
>
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5">
<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
</svg>
{!isCollapsed && <span></span>}
</a>
</div>
</div> </div>
</div> </div>
</> </>

View File

@ -643,7 +643,8 @@ const ContentCalendarContent: React.FC<ContentCalendarContentProps> = ({ onNavig
return ( return (
<div <div
ref={panelRef} ref={panelRef}
style={{ flex: 1, overflowY: 'auto', padding: '12px 16px', display: 'flex', flexDirection: 'column', gap: 20 }} className="calendar-panel-scroll"
style={{ flex: 1, overflowY: 'auto', padding: '12px 16px', display: 'flex', flexDirection: 'column', gap: 20, maxHeight: 900 }}
> >
{sortedDateKeys.map(dateKey => ( {sortedDateKeys.map(dateKey => (
<div <div

View File

@ -248,10 +248,9 @@ const UrlInputContent: React.FC<UrlInputContentProps> = ({ onAnalyze, onAutocomp
{/* 검색 버튼 */} {/* 검색 버튼 */}
<button type="submit" className="url-input-button"> <button type="submit" className="url-input-button">
{t('urlInput.searchButton')} {t('landing.hero.analyzeButton')}
</button> </button>
</div> </div>
{/* 에러 메시지 */} {/* 에러 메시지 */}
{error && ( {error && (
<p className="url-input-error">{error}</p> <p className="url-input-error">{error}</p>