fix width and responsiveness of diagram

This commit is contained in:
Brian Madison
2026-01-25 23:49:15 -06:00
parent 3abcefe1fb
commit 8719d828d0
3 changed files with 303 additions and 920 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.
<iframe src="/workflow-map-diagram.html" width="100%" height="700" frameborder="0" style="border-radius: 0; border: none;"></iframe>
<iframe src="/workflow-map-diagram.html" width="100%" height="100%" frameborder="0" style="border-radius: 8px; border: 1px solid #334155; min-height: 900px;"></iframe>
*[Interactive diagram - hover over outputs to see artifact flows]*

File diff suppressed because it is too large Load Diff

View File

@@ -16,6 +16,9 @@
--ai-banner-height: 2.75rem;
--sl-nav-height: 6.25rem; /* Base nav height (~3.5rem) + banner height (2.75rem) */
/* Full-width content - override Starlight's default 45rem/67.5rem */
--sl-content-width: 100%;
/* Primary accent colors - purple to match Docusaurus */
--sl-color-accent-low: #e0e0ff;
--sl-color-accent: #8C8CFF;
@@ -45,6 +48,9 @@
COLOR PALETTE - Dark Mode (Primary Focus)
============================================ */
:root[data-theme='dark'] {
/* Full-width content - override Starlight's default */
--sl-content-width: 100%;
/* Primary accent colors - purple to match Docusaurus */
--sl-color-accent-low: #2a2a5a;
--sl-color-accent: #8C8CFF;
@@ -174,10 +180,10 @@
}
/* ============================================
LAYOUT - Fixed width at large viewport
LAYOUT - Full width content
============================================ */
.content-panel {
max-width: 1400px;
width: 100%;
margin: 0 auto;
}