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
parent
7e5442125f
commit
99383b78b3
|
|
@ -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]"
|
||||
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="text-[13px] font-bold leading-none text-white">
|
||||
{/* 태그라인이 가로 폭을 정하고, 로고는 그 폭에 맞춰 스케일(언어 무관 자동 일치) */}
|
||||
<span className="flex flex-col items-stretch gap-1">
|
||||
<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}
|
||||
</span>
|
||||
</span>
|
||||
|
|
|
|||
Loading…
Reference in New Issue