diff --git a/frontend/src/App.css b/frontend/src/App.css index 249657e..e51b43b 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -13628,9 +13628,8 @@ html.theme-light .tam-disclaimer { color: #90a4ae; } box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); } .app-download-pc-icon--android { - font-size: 24px; - background: var(--bg3); - border: 1px solid var(--border); + background: #0b1f14; + box-shadow: inset 0 0 0 1px rgba(61, 220, 132, 0.25); } .app-download-pc-body { flex: 1; min-width: 0; } .app-download-pc-body strong { display: block; font-size: 14px; margin-bottom: 4px; } diff --git a/frontend/src/components/icons/PlatformBrandIcons.tsx b/frontend/src/components/icons/PlatformBrandIcons.tsx index 146b8c2..e65dd6e 100644 --- a/frontend/src/components/icons/PlatformBrandIcons.tsx +++ b/frontend/src/components/icons/PlatformBrandIcons.tsx @@ -36,6 +36,23 @@ export const WindowsLogo: React.FC<{ size?: number; className?: string }> = ({ ); +/** Android 로봇 로고 — 공식 그린 (#3DDC84) */ +export const AndroidLogo: React.FC<{ size?: number; className?: string }> = ({ + size = 22, + className, +}) => ( + + + +); + export type PlatformBrandIconId = 'mac' | 'windows' | 'android'; export const PlatformBrandIcon: React.FC<{ @@ -57,8 +74,8 @@ export const PlatformBrandIcon: React.FC<{ ); } return ( - - 🤖 + + ); };