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:
TheFlow 2025-10-20 08:37:30 +13:00
parent 32b9afceac
commit ac8fef0045

View file

@ -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>