회원가입 모드 여백 최적화로 스크롤 제거
commitsGongnog · 207af15

회원가입 모드 여백 최적화로 스크롤 제거

🤖 453 in / 1613 out / 2066 total tokens 레이아웃 스타일링 방식을 클래스 기반으로 변경하여 회원가입 시 여백을 조정함. 기존의 인라인 스타일 대신 login-wrap 클래스와 조건부 클래스인 register를 활용해 각 모드별 최적의 패딩을 적용함. 이를 통해 화면 크기에 딱 맞춰 스크롤 없이 렌더링되도록 수정함.

이더2026.03.121 min read
다크 테마 대응 및 로그인/레코드 모달 키보드 이슈 해결
commitsGongnog · 859e082

다크 테마 대응 및 로그인/레코드 모달 키보드 이슈 해결

🤖 581 in / 1868 out / 2449 total tokens 로그인 페이지 회원가입 모드에서 스크롤이 가능하도록 overflow-y:auto 속성을 추가했습니다. 다크 테마 시 텍스트 가독성을 높이기 위해 app의 배경색을 정의하고 Chart.js에서도 CSS 변수를 동적으로 적용했습니다. 식사 금액 팝업 레이아웃을 position abso

이더2026.03.121 min read
SvelteDark ModeBug Fix
식사 금액 팝업 레이아웃을 absolute 기반으로 수정
commitsGongnog · 4884e8b

식사 금액 팝업 레이아웃을 absolute 기반으로 수정

🤖 432 in / 1854 out / 2286 total tokens src/app.css의 식사 금액 팝업 관련 스타일을 position: absolute 기반으로 변경합니다. 레이아웃의 안정성을 높이고 기존 flexbox 구조를 개선하여 가로 스크롤 문제를 해결합니다. 팝업 오버레이 내에서 정확한 위치 지정을 보장하여 디자인 오류를 수정하고 사용

이더2026.03.121 min read
CSSPopupFix
flex 컨테이너 안 input 오버플로우 해결
commitsGongnog · d2e1188

flex 컨테이너 안 input 오버플로우 해결

🤖 756 in / 635 out / 1391 total tokens 퀵 식사 금액 입력 팝업에서 number input이 부모 영역을 뚫고 나가던 문제를 수정했다. 팝업 width가 300px로 고정되어 있는데 입력창이 그걸 무시하고 삐져나와서 보기 안 좋았다. 원인은 flex 자식의 기본 min-width: auto 동작 때문이었다. flex 아

이더2026.03.121 min read
CSSflexoverflow
iOS 키보드가 입력 필드 가리는 문제, visualViewport API로 해결
commitsGongnog · 410328a

iOS 키보드가 입력 필드 가리는 문제, visualViewport API로 해결

🤖 778 in / 781 out / 1559 total tokens 입력 모달에서 키보드가 입력 필드를 가리는 문제를 visualViewport API로 해결했다. 기존엔 scrollIntoView만 썼는데, iOS에선 position:fixed 모달이 키보드 열림에 반응하지 않아 입력창이 화면 밖으로 밀려났다. visualViewport.resi

이더2026.03.111 min read
iOSkeyboardvisualViewport
다크 테마 가독성 문제, CSS 변수 하나로 정리
commitsGongnog · 4685ab9

다크 테마 가독성 문제, CSS 변수 하나로 정리

🤖 1464 in / 808 out / 2272 total tokens 다크 테마에서 텍스트가 검정색으로 튀어 나오던 문제를 잡았다. 원인은 간단했다. app에 color 속성이 없어서 명시적 색상이 없는 요소들이 브라우저 기본값(검정)을 상속받은 것. app.css에서 app에 color: var(--t1)을 추가하니 깔끔하게 해결됐다. 같은 맥락

이더2026.03.112 min read
CSS다크테마Chart.js
도움말 버튼, 오늘 날짜 오른쪽으로 이동
commitsGongnog · 0b1cb95

도움말 버튼, 오늘 날짜 오른쪽으로 이동

🤖 410 in / 868 out / 1278 total tokens 캘린더 헤더의 물음표 버튼 위치를 조정했다. 기존엔 오늘 날짜 왼쪽에 있던 걸 오른쪽으로 옮겼다. 단순한 마크업 순서 변경이라 CSS 수정 없이 DOM 순서만 바꿔서 해결했다. svelte <div class="today-row" <span class="today-date"{n

이더2026.03.111 min read
svelteuicalendar
헤더 레이아웃 정리와 뷰 전환 시 스크롤 초기화
commitsGongnog · 4da5126

헤더 레이아웃 정리와 뷰 전환 시 스크롤 초기화

🤖 1126 in / 1633 out / 2759 total tokens 달력 헤더의 물음표 버튼과 오늘 날짜 표시를 왼쪽 상단으로 재배치했다. 기존엔 가로로 나란히 있던 걸 flex-direction: column으로 세로 축으로 바꾸고, 내부에서 다시 row로 묶어서 정렬했다. UI가 한층 정돈된 느낌이다. 탭 전환할 때 스크롤 위치가 그대로 남

이더2026.03.111 min read
sveltecssux
UI 레이아웃 정리 및 시각적 최적화
commitsGongnog · 87e9ab9

UI 레이아웃 정리 및 시각적 최적화

🤖 633 in / 1890 out / 2523 total tokens 오늘 날짜 레이블을 제거하고 버튼 옆으로 배치하여 헤더 공간을 확보한다. 관련된 CSS 스타일을 정리하고 레이아웃 구조를 단순화한다. 사용자 경험을 개선하고 깔끔한 디자인을 유지한다. svelte <div class="header-mid" <span class="today-da

이더2026.03.111 min read
UILayoutCleanup
통계·설정 탭 진입 시 자동 튜토리얼 시작 기능 구현
commitsGongnog · ad2161b

통계·설정 탭 진입 시 자동 튜토리얼 시작 기능 구현

🤖 785 in / 1994 out / 2779 total tokens 플래그 비트 시스템을 확장하여 새로운 stats와 settings 탭의 첫 진입 여부를 추적합니다. 각 페이지에서 hasSeen 스토어를 생성하고 Tutorial.svelte을 연동하여, 사용자가 해당 탭을 처음 열었을 때 가이드를 보여주도록 구현했습니다. 서버 API도 새로운 플

이더2026.03.111 min read