Consolidated component headers

This commit is contained in:
Nathan Schneider
2025-05-07 21:48:48 -06:00
parent 5a4af2bf79
commit adf155e954
3 changed files with 26 additions and 14 deletions

View File

@ -45,7 +45,7 @@
<div class="component-header">
<div class="component-title-wrapper">
<div class="component-short-label">{{ $componentId | humanize }}</div>
<h3>{{ .title }}</h3>
<div class="component-description">{{ .description }}</div>
</div>
</div>
<div class="component-body">
@ -207,7 +207,16 @@ document.addEventListener('DOMContentLoaded', function() {
background-color: transparent !important;
border-bottom: none !important;
}
.component-short-label { display: none !important; }
.component-short-label {
display: block !important;
font-size: 1.2rem !important;
margin-bottom: 1rem !important;
color: #000 !important;
border-bottom: 1px solid #eee !important;
padding-bottom: 0.5rem !important;
font-weight: 600 !important;
}
.component-description { display: none !important; }
`;
document.head.appendChild(style);