feat: make workflow diagram iframe full-width

- Add CSS to break workflow diagram iframe out of content container
- iframe now spans full viewport width instead of max-width constraint
- Adjust iframe height to 700px for better fit
- Remove border/border-radius for seamless full-width look
This commit is contained in:
Brian Madison
2026-01-25 22:55:25 -06:00
parent 9168e00167
commit 22d2c194d8
2 changed files with 10 additions and 1 deletions

View File

@@ -11,7 +11,7 @@ If at anytime you are unsure what to do, the `/bmad-help` command will help you
Final important note: Every workflow below can be run directly with your tool of choice via slash command or by loading an agent first and using the entry from the agents menu. Final important note: Every workflow below can be run directly with your tool of choice via slash command or by loading an agent first and using the entry from the agents menu.
<iframe src="/workflow-map-diagram.html" width="100%" height="900" frameborder="0" style="border-radius: 8px; border: 1px solid #334155;"></iframe> <iframe src="/workflow-map-diagram.html" width="100%" height="700" frameborder="0" style="border-radius: 0; border: none;"></iframe>
*[Interactive diagram - hover over outputs to see artifact flows]* *[Interactive diagram - hover over outputs to see artifact flows]*

View File

@@ -181,6 +181,15 @@
margin: 0 auto; margin: 0 auto;
} }
/* Full-width workflow diagram iframe */
.sl-markdown-content > iframe:first-child {
width: 100vw !important;
margin-left: calc(50% - 50vw);
border-radius: 0 !important;
border-left: none !important;
border-right: none !important;
}
/* Main content area */ /* Main content area */
main { main {
min-width: 0; min-width: 0;