fix(layout): remove constraining height and overflow from demo containers
SUMMARY: Removed min-h-[600px] and overflow-auto that were causing content display issues. Simplified to just w-full on inner containers. ISSUE: The min-height and overflow-auto combination was preventing proper content rendering, causing the 'Simulate Pressure Increase' button to be hidden. FIX: - Removed min-h-[600px] from parent containers - Removed overflow-auto from parent containers - Added w-full to #pressure-chart and #activity-timeline divs - Allows natural content flow and proper button visibility 🤖 Generated with Claude Code (https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
41fd57f69a
commit
b2f2477680
2 changed files with 13 additions and 6 deletions
|
|
@ -4822,6 +4822,13 @@
|
|||
"file": "/home/theflow/projects/tractatus/public/architecture.html",
|
||||
"result": "passed",
|
||||
"reason": null
|
||||
},
|
||||
{
|
||||
"hook": "validate-file-edit",
|
||||
"timestamp": "2025-10-19T19:42:58.549Z",
|
||||
"file": "/home/theflow/projects/tractatus/public/architecture.html",
|
||||
"result": "passed",
|
||||
"reason": null
|
||||
}
|
||||
],
|
||||
"blocks": [
|
||||
|
|
@ -5085,9 +5092,9 @@
|
|||
}
|
||||
],
|
||||
"session_stats": {
|
||||
"total_edit_hooks": 499,
|
||||
"total_edit_hooks": 500,
|
||||
"total_edit_blocks": 36,
|
||||
"last_updated": "2025-10-19T19:37:13.527Z",
|
||||
"last_updated": "2025-10-19T19:42:58.549Z",
|
||||
"total_write_hooks": 190,
|
||||
"total_write_blocks": 7
|
||||
}
|
||||
|
|
|
|||
|
|
@ -372,13 +372,13 @@
|
|||
|
||||
<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] overflow-auto">
|
||||
<div id="pressure-chart"></div>
|
||||
<div class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200">
|
||||
<div id="pressure-chart" class="w-full"></div>
|
||||
</div>
|
||||
|
||||
<!-- Framework Activity Timeline -->
|
||||
<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 class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200">
|
||||
<div id="activity-timeline" class="w-full"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue