Merged
Conversation
✅ Deploy Preview for agent-tars-docs ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
ulivz
changed the title
ulivz
force-pushed
the
feat/add-sidebar-to-home
branch
from
560fde8 to
625af78
Compare
- Make sidebar 100% height with horizontal layout - Move navbar inside main content area - Relocate sidebar toggle from navbar to toolbar
Remove unnecessary wrapper div that prevented Layout component from properly using flex-1 space
- Change ChatSession from embedded to left-sliding modal - Add black semi-transparent backdrop overlay - Implement smooth slide animation with framer-motion - Support backdrop click to close modal - Prevent main content area compression
Remove left padding and margin that caused weird spacing in the slide-in modal layout
Remove pl-3 to make modal flush with left edge
Change p-3 to px-3 pb-3 to eliminate unwanted top padding
Use left-12 positioning instead of spacer div for cleaner layout
Let ChatSession start from left edge, ToolBar will naturally overlay
Reorganize toolbar layout: logo, sidebar toggle, new task at top Settings and layout switch remain at bottom
Show collapse icon when collapsed, expand icon when expanded
Only show layout switch button in session pages where it's functional
Increase backdrop blur from sm to lg and reduce opacity for better visual effect
- Add backdrop-filter blur to backdrop and dialog panel - Use semi-transparent backgrounds for glass effect - Enhanced shadows with subtle borders - Cross-browser compatibility with webkit prefix
Replace dynamic Tailwind class generation with static class maps to ensure proper CSS compilation and border rendering
- Increase max width constraints with responsive breakpoints - Add horizontal padding to container to prevent edge overflow - Use explicit pixel values for better control
- Replace whiteSpace nowrap with normal to allow text wrapping - Add maxWidth constraint (300px) and wordWrap break-word - Implement viewport boundary detection and adjustment - Ensure tooltips stay within screen bounds with 10px margin
ulivz
changed the title
Remove complex boundary detection, just add maxWidth prop with 300px default
Change dark mode background from gray-800/95 to gray-900/95 for better contrast
cjraft
approved these changes
Sep 17, 2025
ulivz
added a commit
that referenced
this pull request
Sep 22, 2025
Replay mode was missing the outer container with proper height control and background styling, and the Navbar component. This caused layout issues where the UI didn't fill the screen properly in replay mode. Fixes the height control issue introduced in PR #1553.
4 tasks
ulivz
added a commit
that referenced
this pull request
Sep 23, 2025
Replay mode was missing the outer container with proper height control and background styling, and the Navbar component. This caused layout issues where the UI didn't fill the screen properly in replay mode. Fixes the height control issue introduced in PR #1553.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Redesigned Home Layout, introduced Chat Session in Home, redesigned Sidebar, and fixed some significant experience issues
new-home-layout.mp4
Checklist