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