fix(layout): add overflow-auto to demo containers for scrollable content
SUMMARY: Added overflow-auto to both demo containers to fix cut-off content issue where 'Simulate Pressure Increase' button was hidden above visible area. ISSUE: User reported button exists in DOM but is not visible on screen. The top of the modal content was cut off, showing only the bottom portion (Reset button visible, but Simulate button hidden above). FIX: Added overflow-auto to both containers: - Context Pressure Monitor container - Framework Activity Timeline container This allows users to scroll within the container if content exceeds the min-height of 600px, ensuring all buttons and content are accessible. 🤖 Generated with Claude Code (https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
32b9afceac
commit
ac8fef0045
1 changed files with 2 additions and 2 deletions
|
|
@ -372,12 +372,12 @@
|
|||
|
||||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
|
||||
<!-- Context Pressure Monitor Visualization -->
|
||||
<div class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200 min-h-[600px]">
|
||||
<div class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200 min-h-[600px] overflow-auto">
|
||||
<div id="pressure-chart"></div>
|
||||
</div>
|
||||
|
||||
<!-- Framework Activity Timeline -->
|
||||
<div class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200 min-h-[600px]">
|
||||
<div class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200 min-h-[600px] overflow-auto">
|
||||
<div id="activity-timeline"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue