Skip to content

Commit 45e91a1

Browse files
romanlutzCopilot
andcommitted
FIX [GUI] Home: render LabelsBar chips inside the Labels card
LabelsBar's root sets `flex: 1 1 0` which assumes a horizontal flex parent. Inside Home's column-flex card the LabelsBar collapsed to zero height so the operator/operation chips were invisible. Wrap LabelsBar in a dedicated row container with an explicit min-height so the chips render. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
1 parent 129386c commit 45e91a1

2 files changed

Lines changed: 9 additions & 1 deletion

File tree

frontend/src/components/Home/Home.styles.ts

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,12 @@ export const useHomeStyles = makeStyles({
5454
flexDirection: 'column',
5555
gap: tokens.spacingVerticalS,
5656
},
57+
labelsRow: {
58+
display: 'flex',
59+
flexDirection: 'row',
60+
alignItems: 'center',
61+
minHeight: '32px',
62+
},
5763
cardFooter: {
5864
display: 'flex',
5965
justifyContent: 'flex-end',

frontend/src/components/Home/Home.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -159,7 +159,9 @@ export default function Home({
159159
Labels (especially <strong>operator</strong> and <strong>operation</strong>) are stored on
160160
every attack so you can find them later. Update the placeholders before you run anything real.
161161
</Text>
162-
<LabelsBar labels={labels} onLabelsChange={onLabelsChange} />
162+
<div className={styles.labelsRow}>
163+
<LabelsBar labels={labels} onLabelsChange={onLabelsChange} />
164+
</div>
163165
</div>
164166
</section>
165167

0 commit comments

Comments
 (0)