Skip to content

Commit 37a4b1c

Browse files
committed
fix(ui): align sponsor logos to equal fixed height
Use shared h-10 sizing so QXIP wordmark and Hepic icon render at the same compact height in About.
1 parent e1f65db commit 37a4b1c

1 file changed

Lines changed: 6 additions & 5 deletions

File tree

src/ui/src/settings/AboutPanel.tsx

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,7 @@ const QXIP_URL = 'https://qxip.net/'
3131
const QXIP_LOGO_SRC = '/sponsors/qxip.png'
3232
const HEPIC_URL = 'https://hepic.tel/'
3333
const HEPIC_LOGO_SRC = '/sponsors/hepic.png'
34+
const SPONSOR_LOGO_CLASS = 'h-10 w-auto object-contain object-left'
3435

3536
export default function AboutPanel({ me, avatarUrl = null, loading, onRefresh }: AboutPanelProps) {
3637
return (
@@ -94,17 +95,17 @@ export default function AboutPanel({ me, avatarUrl = null, loading, onRefresh }:
9495
HOMER is developed by QXIP; Hepic extends the HEP stack with carrier-grade RTC observability.
9596
</CardDescription>
9697
</CardHeader>
97-
<CardContent className="flex flex-col gap-8 sm:flex-row sm:items-start sm:gap-10">
98+
<CardContent className="flex flex-col gap-6 sm:flex-row sm:items-end sm:gap-10">
9899
<a
99100
href={QXIP_URL}
100101
target="_blank"
101102
rel="noopener noreferrer"
102-
className="inline-flex min-w-0 flex-1 flex-col gap-3 rounded-lg outline-none ring-offset-background transition-opacity hover:opacity-90 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
103+
className="inline-flex min-w-0 flex-col gap-2 rounded-lg outline-none ring-offset-background transition-opacity hover:opacity-90 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
103104
>
104105
<img
105106
src={QXIP_LOGO_SRC}
106107
alt="QXIP — Telecom observability"
107-
className="h-auto max-h-16 w-full max-w-xs object-contain object-left"
108+
className={SPONSOR_LOGO_CLASS}
108109
loading="lazy"
109110
decoding="async"
110111
/>
@@ -116,12 +117,12 @@ export default function AboutPanel({ me, avatarUrl = null, loading, onRefresh }:
116117
href={HEPIC_URL}
117118
target="_blank"
118119
rel="noopener noreferrer"
119-
className="inline-flex min-w-0 flex-1 flex-col gap-3 rounded-lg outline-none ring-offset-background transition-opacity hover:opacity-90 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
120+
className="inline-flex min-w-0 flex-col gap-2 rounded-lg outline-none ring-offset-background transition-opacity hover:opacity-90 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
120121
>
121122
<img
122123
src={HEPIC_LOGO_SRC}
123124
alt="HEPIC — VoIP and RTC analyzer"
124-
className="h-auto max-h-16 w-full max-w-xs object-contain object-left"
125+
className={SPONSOR_LOGO_CLASS}
125126
loading="lazy"
126127
decoding="async"
127128
/>

0 commit comments

Comments
 (0)