kim/homeclaw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 상단 네비게이션 드롭다운으로 재구성

Browse Source 
앱 버튼이 늘어나면서 상단 바가 너무 길어져, 창작/전문직/법률·탐정/홈으로
그룹화한 드롭다운 메뉴로 재구성.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
kim
2026-08-07 13:12:23 +09:00
co-authored by Claude Sonnet 5
parent b001cd9318
commit b02fe0a184
3 changed files with 79 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web-ui/html/index.html
+31 -9
View File
@@ -61,19 +61,41 @@
<div class="mode-toggle" style="margin-left:8px">
<button class="mode-btn" onclick="window.open('/html/investor-app.html','_blank')" title="투자 어시스턴트">📈 투자</button>
<button class="mode-btn" onclick="window.open('/html/weather-app.html','_blank')" title="날씨 어시스턴트">🌤️ 날씨</button>
<button class="mode-btn" onclick="window.open('/html/code.html','_blank')" title="코드 에디터">💻 코드</button>
<div class="mode-dropdown" id="mode-dropdown-create">
<button class="mode-btn" onclick="toggleModeDropdown(event,'mode-dropdown-create')" title="코드·음악·글쓰기·이미지생성">✍️ 창작 ▾</button>
<div class="mode-dropdown-menu" id="mode-dropdown-menu-create">
<button onclick="window.open('/html/code.html','_blank')">💻 코드</button>
<button onclick="window.open('/html/music-app.html','_blank')">🎵 음악</button>
<button onclick="window.open('/html/writer-app.html','_blank')">✍️ 작가</button>
<button onclick="window.open('/html/studio-app.html','_blank')">🎨 스튜디오</button>
</div>
</div>
<button class="mode-btn" onclick="window.open('/html/pptx-wizard.html','_blank')" title="슬라이드 제작">📊 슬라이드</button>
<button class="mode-btn" onclick="window.open('/html/language-app.html','_blank')" title="우즈베크어 학습">🇺🇿 언어</button>
<button class="mode-btn" onclick="window.open('/html/music-app.html','_blank')" title="음악 스튜디오">🎵 음악</button>
<button class="mode-btn" onclick="window.open('/html/studio-app.html','_blank')" title="이미지·동영상 생성">🎨 스튜디오</button>
<button class="mode-btn" onclick="window.open('/html/accountant-app.html','_blank')" title="회계 어시스턴트">📊 회계</button>
<button class="mode-btn" onclick="window.open('/html/mind-app.html','_blank')" title="마음 상담실">🧠 상담</button>
<button class="mode-btn" onclick="window.open('/html/lawyer-app.html','_blank')" title="법률 어시스턴트">⚖️ 법률</button>
<button class="mode-btn" onclick="window.open('/html/detective-app.html','_blank')" title="탐정 어시스턴트">🔍 탐정</button>
<div class="mode-dropdown" id="mode-dropdown-pro">
<button class="mode-btn" onclick="toggleModeDropdown(event,'mode-dropdown-pro')" title="전문직 상담">🧑‍⚖️ 전문직 ▾</button>
<div class="mode-dropdown-menu" id="mode-dropdown-menu-pro">
<button onclick="window.open('/html/doctor-app.html','_blank')">🩺 의료</button>
<button onclick="window.open('/html/accountant-app.html','_blank')">📊 회계</button>
<button onclick="window.open('/html/mind-app.html','_blank')">🧠 상담</button>
</div>
</div>
<div class="mode-dropdown" id="mode-dropdown-legal">
<button class="mode-btn" onclick="toggleModeDropdown(event,'mode-dropdown-legal')" title="법률·조사">⚖️ 법률·탐정 ▾</button>
<div class="mode-dropdown-menu" id="mode-dropdown-menu-legal">
<button onclick="window.open('/html/lawyer-app.html','_blank')">⚖️ 법률</button>
<button onclick="window.open('/html/detective-app.html','_blank')">🔍 탐정</button>
</div>
</div>
<button class="mode-btn" onclick="window.open('/html/traffic-app.html','_blank')" title="교통 CCTV">🚦 교통</button>
<button class="mode-btn" onclick="window.open('/html/nvr-app.html','_blank')" title="홈 CCTV">📹 홈CCTV</button>
<div class="mode-dropdown" id="mode-dropdown-home">
<button class="mode-btn" onclick="toggleModeDropdown(event,'mode-dropdown-home')" title="홈CCTV·Home Assistant">🏠 홈 ▾</button>
<div class="mode-dropdown-menu" id="mode-dropdown-menu-home">
<button onclick="window.open('/html/nvr-app.html','_blank')">📹 홈CCTV</button>
<button onclick="window.open('/html/home-assistant-app.html','_blank')">🏠 HA</button>
</div>
</div>
<button class="mode-btn" onclick="window.open('/dental-agent.html?t='+Date.now(),'_blank')" title="치과 사전 이미지 에이전트">🦷 치과</button>
<button class="mode-btn" onclick="window.open('/html/writer-app.html','_blank')" title="작가 어시스턴트">✍️ 작가</button>
</div>
<div class="status-bar">