fix(layout): add min-height to demo containers to prevent hidden content

SUMMARY:
Added min-h-[600px] to both demo containers to ensure content is visible.

ISSUE:
User reported 'Simulate Pressure Increase' button was hidden/not visible.
Content was rendering but container had no minimum height, causing
layout issues where buttons were hidden.

FIX:
Added min-h-[600px] to both:
- Context Pressure Monitor container
- Framework Activity Timeline container

This ensures 600px minimum height for proper content display.

🤖 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:20:09 +13:00
parent d1e0411fe8
commit 64b0c43387
2 changed files with 11 additions and 4 deletions

View file

@ -4808,6 +4808,13 @@
"file": "/home/theflow/projects/tractatus/public/architecture.html",
"result": "passed",
"reason": null
},
{
"hook": "validate-file-edit",
"timestamp": "2025-10-19T19:19:38.591Z",
"file": "/home/theflow/projects/tractatus/public/architecture.html",
"result": "passed",
"reason": null
}
],
"blocks": [
@ -5071,9 +5078,9 @@
}
],
"session_stats": {
"total_edit_hooks": 497,
"total_edit_hooks": 498,
"total_edit_blocks": 36,
"last_updated": "2025-10-19T19:15:42.257Z",
"last_updated": "2025-10-19T19:19:38.591Z",
"total_write_hooks": 190,
"total_write_blocks": 7
}

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">
<div class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200 min-h-[600px]">
<div id="pressure-chart"></div>
</div>
<!-- Framework Activity Timeline -->
<div class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200">
<div class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200 min-h-[600px]">
<div id="activity-timeline"></div>
</div>
</div>