r272 vs r273
......
33
[include(틀:Aidenk/틀 모음, Aidenk=0)]
44
55
{{{#!wiki style="background-color: #141517; padding: 15px 16px 0px; color: #fff; font-family: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', Inter, 'Segoe UI', sans-serif;"
6
## --- 1. 상단 네비게이션 ---
76
{{{#!wiki style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; font-size: 20px;"
87
{{{#!wiki style="cursor: pointer; color: #fff;"
98
<}}}
......
1110
⋮}}}
1211
}}}
1312
14
## --- 2. 프로필 및 채널 정보 영역 ---
1513
{{{#!wiki style="display: flex; align-items: center; margin-bottom: 16px;"
16
## 프로필 이미지 (flex-shrink: 0 으로 찌그러짐 방지)
1714
{{{#!wiki style="position: relative; margin-right: 18px; flex-shrink: 0;"
1815
{{{#!wiki style="border: 2.5px solid #00ffa3; border-radius: 999px; overflow: hidden; display: inline-block;"
1916
[[파일:pfp_@[email protected]|width=72px&border-radius=999px]]}}}
......
2118
{{{#!wiki style="position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); background-color: #e52929; color: white; font-size: 11px; padding: 2px 6px; border-radius: 4px; font-weight: 800; border: 2.5px solid #141517; letter-spacing: 0.5px;"
2219
LIVE}}}}}}}}}
2320
24
## 채널명 및 메타 정보
2521
{{{#!wiki style="display: block; flex: 1; overflow: hidden;"
2622
{{{#!wiki style="display: flex; align-items: center"
2723
{{{#!wiki style="font-size: 22px; font-weight: 700; color: #ffffff; letter-spacing: -0.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"
......
3430
}}}
3531
}}}
3632
37
## --- 3. 하단 버튼 바 (고정 크기 + Flex 비율 완벽 조정) ---
3833
{{{#!wiki style="display: flex; gap: 8px; margin-bottom: 20px;"
3934
## 팔로우(하트) 버튼 (고정폭)
4035
{{{#!wiki style="width: 50px; height: 44px; flex-shrink: 0; background-color: #27272a; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 18px;"
......