mirror of
https://github.com/bmad-code-org/BMAD-METHOD.git
synced 2026-01-30 04:32:02 +00:00
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:
@@ -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]*
|
||||||
|
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user