ADO2 ad: match logo width to tagline width (auto, language-agnostic)

- 로고 가로 폭이 태그라인 폭을 따라가도록(width:0 + min-width:100%) → KO/EN 모두 우측 끝 정렬
- 로고는 태그라인 폭에 맞춰 비례 스케일

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
main
Haewon Kam 2026-06-09 17:11:55 +09:00
parent 7e5442125f
commit 99383b78b3
1 changed files with 9 additions and 3 deletions

View File

@ -15,9 +15,15 @@ export default function Ado2Ad({ lang = "ko" }: { lang?: Lang }) {
className="flex items-center justify-between gap-3 rounded-full bg-[#A65EFF] px-6 py-3 transition active:scale-[0.99]" className="flex items-center justify-between gap-3 rounded-full bg-[#A65EFF] px-6 py-3 transition active:scale-[0.99]"
style={{ boxShadow: "0 10px 28px rgba(166,94,255,0.40)" }} style={{ boxShadow: "0 10px 28px rgba(166,94,255,0.40)" }}
> >
<span className="flex flex-col items-start gap-1"> {/* 태그라인이 가로 폭을 정하고, 로고는 그 폭에 맞춰 스케일(언어 무관 자동 일치) */}
<img src="/icons/ado2-white.png" alt="ADO2" className="h-5 w-auto" /> <span className="flex flex-col items-stretch gap-1">
<span className="text-[13px] font-bold leading-none text-white"> <img
src="/icons/ado2-white.png"
alt="ADO2"
className="h-auto"
style={{ width: 0, minWidth: "100%" }}
/>
<span className="whitespace-nowrap text-[13px] font-bold leading-none text-white">
{t.ado2Tagline} {t.ado2Tagline}
</span> </span>
</span> </span>