style: simplify bracket panel layout

This commit is contained in:
Pandipipas
2026-02-14 17:46:02 +01:00
parent 9cfe61c179
commit d4c3cbf9b6
@@ -102,18 +102,11 @@ onMounted(() => {
<template>
<div class="bracket-panel">
<QCard
flat
bordered
>
<QCardSection class="bracket-panel-header">
<div class="text-h4">
Bracket
</div>
</QCardSection>
<QSeparator />
<QCardSection class="column q-gutter-md">
<div class="column q-gutter-md">
<QSelect
v-model="stage"
label="Stage"
@@ -144,8 +137,7 @@ onMounted(() => {
class="bracket-panel-custom-toggle"
/>
</div>
</QCardSection>
</QCard>
</div>
</div>
</template>
@@ -156,12 +148,6 @@ onMounted(() => {
gap: 16px;
}
.bracket-panel-header {
display: flex;
align-items: center;
padding-bottom: 4px;
}
.bracket-panel-custom {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;