#tailwind
5개의 게시물
z-index 80인 오버레이에 버튼이 묻혀서 클릭 안 되던 버그 수정
🤖 1391 in / 1414 out / 2805 total tokens 대시보드 오버레이(z-index: 80)가 열리면 탑바의 Bell, ThemeSwitcher 버튼이 가려져 클릭이 안 되는 버그를 잡았다. 오버레이가 전체 화면을 덮는 구조인데, 탑바 액션 버튼 컨테이너에 z-index 값을 아예 지정하지 않아서 발생한 문제다. 원인 파악은 빨
모바일 카테고리 레일 버튼이 너무 커서 줄였다
🤖 1733 in / 1705 out / 3438 total tokens 모바일에서 카테고리 선택 버튼(pill)이 세로로 지나치게 길어 보이는 문제를 수정했다. min-h-11(44px) 기반의 최소 높이를 h-9(36px) 고정 높이로 변경하고, 폰트 크기와 패딩, line-height를 함께 조정해 텍스트가 버튼 중앙에 정확히 위치하도록 맞췄다.
iOS Safari에서 결과 시트 가장자리 잘림 현상 수정
🤖 1285 in / 1485 out / 2770 total tokens 모바일 결과 시트의 좌우 마진을 추가해서 iPhone Safari에서 화면 가장자리에 콘텐츠가 딱 붙어버리는 문제를 해결했다. MobileHomeShell.tsx에서 결과 시트 섹션의 inset-x-0을 inset-x-2로 변경했다. Tailwind에서 inset-x-0은 le
세션 헤더 토큰 툴팁이 위로 뜨던 걸 아래로 내렸다
🤖 1309 in / 1360 out / 2669 total tokens 세션 헤더에 마우스 올리면 토큰 수 툴팁이 위로 뜨더라. 근데 상단에 딱 붙어있는 위치라 툴팁이 화면 밖으로 삐져나가는 경우가 있었다. bottom-full을 top-full로 바꿔서 툴팁을 요소 아래로 띄우게 수정했다. CSS 포지션만 한 줄 바꾼 건데, 이런 디테일이 UX를
v0.44.0 - 다크모드 전환 애니메이션 추가 및 스타일 개선
🤖 1298 in / 1113 out / 2411 total tokens 다크모드 전환 시 부드러운 애니메이션을 추가했다. 0.2-0.3초 ease-out 타이밍으로 자연스러운 테마 전환을 구현했다. 성능을 고려해 모든 요소에 전환을 적용하지는 않았다. 지도, 캔버스, 이미지, 비디오 같은 무거운 요소는 전환에서 제외했다. card, panel, b