feat: Improve UI navigation and logo visibility

- Update navigation labels: 'Navigation' → 'Ponderants', 'Edit Node' → 'Manual', 'Conversation' → 'Convo', 'Galaxy View' → 'Galaxy'
- Improve logo visibility with CSS transform scale(3.5) and higher contrast colors (#E0E0E0, #909296)
- Make logo square (viewBox 60x60) for better favicon display
- Enhance mobile UX with vertical navigation buttons and text labels
- Add 'Profile' label to user menu in navigation
- Improve sidebar highlighting with blue color, bold font, and rounded corners
- Fix layout issues: adjust chat padding for sidebar (260px) and bottom bar (90px)
- Make borders more subtle (#373A40 instead of #dee2e6)
- Increase sidebar width to 260px to accommodate logo and text
- Remove desktop top bar for cleaner layout
- Use IconChartBubbleFilled for galaxy navigation

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-11-09 15:00:52 +00:00
parent f0284ef813
commit 78be01ec65
6 changed files with 125 additions and 121 deletions

View File

@@ -1,15 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 100" width="256" height="256" aria-labelledby="logoTitle">
<title id="logoTitle">Woven abstract logo of communication waves (Vertical)</title>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" width="256" height="256" aria-labelledby="logoTitle">
<title id="logoTitle">Woven abstract logo of communication waves</title>
<g fill-rule="evenodd" fill="none" transform="translate(-18, 20) rotate(90, 48, 30) translate(0, 60) scale(1, -1)">
<g fill-rule="evenodd" fill="none" transform="translate(-18, 0) rotate(90, 48, 30) translate(0, 40) scale(1, -1)">
<!-- Jagged wave - Left end segment (draw first, appears behind) --><path stroke="#AAAAAA" stroke-width="1" stroke-linecap="round" fill="none" d="M 42 30 L 45 26.25" />
<!-- Jagged wave - Left end segment (draw first, appears behind) --><path stroke="#E0E0E0" stroke-width="1.5" stroke-linecap="round" fill="none" d="M 42 30 L 45 26.25" />
<!-- Jagged wave - Right end segment (draw second, appears behind) --><path stroke="#AAAAAA" stroke-width="1" stroke-linecap="round" fill="none" d="M 51 33.75 L 54 30" />
<!-- Jagged wave - Right end segment (draw second, appears behind) --><path stroke="#E0E0E0" stroke-width="1.5" stroke-linecap="round" fill="none" d="M 51 33.75 L 54 30" />
<!-- Curved wave (drawn third, appears in middle layer) --><path stroke="#444444" stroke-width="1" stroke-linecap="round" fill="none" d="M 42 30 Q 45 37.5, 48 30 Q 51 22.5, 54 30" />
<!-- Curved wave (drawn third, appears in middle layer) --><path stroke="#909296" stroke-width="1.5" stroke-linecap="round" fill="none" d="M 42 30 Q 45 37.5, 48 30 Q 51 22.5, 54 30" />
<!-- Jagged wave - Center segment (drawn last, appears in front) --><path stroke="#AAAAAA" stroke-width="1" stroke-linecap="round" fill="none" d="M 45 26.25 L 48 30 L 51 33.75" />
<!-- Jagged wave - Center segment (drawn last, appears in front) --><path stroke="#E0E0E0" stroke-width="1.5" stroke-linecap="round" fill="none" d="M 45 26.25 L 48 30 L 51 33.75" />
</g>

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB