+2 -4

app/components/Layout/PageHeader/index.tsx

reviewed

··· 12 12 }) { 13 13 return ( 14 14 <div class={s.wrapper}> 15 15 - <div class={s.topRow}> 16 16 - <h1>{title}</h1> 17 17 - {actions} 18 18 - </div> 15 15 + <h1>{title}</h1> 19 16 {desc && <p class={s.description}>{desc}</p>} 17 17 + {actions && <div class={s.actions}>{actions}</div>} 20 18 </div> 21 19 ); 22 20 }

+1 -7

app/components/Layout/PageHeader/styles.css.ts

reviewed

··· 11 11 marginBlockEnd: space[6], 12 12 }); 13 13 14 14 - export const topRow = style({ 15 15 - display: "flex", 16 16 - alignItems: "center", 17 17 - justifyContent: "space-between", 18 18 - flexWrap: "wrap", 19 19 - gap: space[3], 20 20 - }); 14 14 + export const actions = style({}); 21 15 22 16 export const description = style({ 23 17 color: vars.color.textSecondary,

+6 -1

app/styles/pages/profile.css.ts

reviewed

··· 1 1 - import { style } from "@vanilla-extract/css"; 1 1 + import { globalStyle, style } from "@vanilla-extract/css"; 2 2 import { vars } from "../theme.css.ts"; 3 3 import { space } from "../tokens/spacing.ts"; 4 4 import { fontSize, fontWeight } from "../tokens/typography.ts"; ··· 16 16 gap: space[2], 17 17 color: vars.color.textSecondary, 18 18 }); 19 19 + 20 20 + globalStyle(`${sectionTitle} svg`, { 21 21 + flexShrink: 0, 22 22 + maxInlineSize: "none", 23 23 + });