gabspereira/talk-to-data-case-study
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: improve architecture PDF layout

Browse Source 
Print only the focused architecture view with a single-page layout.\n\nCo-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
@gabriel.pereira
2026-09-11 11:01:28 -03:00
parent 9a1963dca2
commit c08a667ce5
2 changed files with 56 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
architecture_diagram.html
View File

@@ -134,6 +134,62 @@
.animate-flow {
animation: flow 2s ease-in-out infinite;
}
@media print {
@page {
size: A4 portrait;
margin: 12mm;
}
body {
padding: 0;
background: white;
}
.container {
max-width: none;
padding: 0;
box-shadow: none;
}
h1 {
font-size: 22px;
margin: 0 0 4px;
}
.subtitle {
margin: 0 0 12px;
font-size: 11px;
}
.diagram-wrapper {
margin: 0;
padding: 8px;
border-left-width: 3px;
break-inside: avoid;
}
.mermaid {
min-width: 0;
}
.mermaid svg {
width: auto;
max-width: 100%;
max-height: 185mm;
}
.legend {
grid-template-columns: repeat(4, 1fr);
gap: 6px;
margin-top: 10px;
padding-top: 8px;
font-size: 9px;
break-inside: avoid;
}
.legend-item {
font-size: 9px;
}
.legend-color {
width: 12px;
height: 12px;
margin-right: 5px;
}
.section {
display: none;
}
}
</style>
</head>
<body>