jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Fix vertical layout for Section headers

Browse Source
This commit is contained in:
Johannes Zellner
2025-10-06 12:49:48 +02:00
parent a1c3cd272b
commit 181b9cdee6
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
dashboard/src/components/Section.vue
View File

@@ -22,8 +22,10 @@ function onTitleBadge() {
<div class="section">
<h2 class="section-header">
<div>
<slot name="header-title">{{ title }}</slot>
<slot name="header-title-extra"></slot>
<div class="section-header-title-text">
<slot name="header-title">{{ title }}</slot>
<slot name="header-title-extra"></slot>
</div>
<div class="section-header-title-badge" v-if="titleBadge" @click="onTitleBadge()">{{ titleBadge }}</div>
</div>
<div><slot name="header-buttons"></slot></div>
@@ -59,6 +61,12 @@ function onTitleBadge() {
display: flex;
gap: 6px;
flex-wrap: wrap;
align-items: center;
}
.section-header-title-text {
display: flex;
gap: 6px;
align-items: baseline;
}