fix(web): 관리 화면 공통 문법 + 루틴 UI 손질 - #121
Merged
Merged
Conversation
- 더보기 → 관리 화면(투약·추세·제품·기록 칩·루틴·반려동물)이 같은 머리 (.page-header: 제목+설명 왼쪽, 테두리 알약 추가 버튼 오른쪽, pet-tabs)와 같은 카드(.manage-card = 투약 처방 카드)를 쓴다 - 루틴: 카드는 이름 + 요약 한 줄 + 수정. 삭제는 편집 시트 하단 왼쪽 danger로 - 루틴 시트 항목: 머리줄 "항목 N · 종류" + × (하나뿐이면 없음), 점선 항목 추가 - 루틴 버튼: primary 전면 채움 → 틴트 10% + 테두리. 전면 채움은 내비 기록 버튼만 - 기록 칩 관리: select → pet-tabs, 카드 버튼 → btn-action - 제품 등록 버튼도 테두리 알약으로 통일 - WORKLOG R161~R163 + 세션 로그 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
안에 있으면 대화상자 바깥을 눌러 취소할 때 클릭이 backdrop까지 올라가 수정 시트까지 닫혀 입력이 사라졌다. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
무엇
v0.25.0 실기 지적 세 가지 — 루틴 페이지가 제품·투약과 안 맞는다, 항목 "제거"가 체감이 안 된다, 루틴 버튼 색이 튄다 — 를 고치면서 더보기 → 관리 화면 전체를 한 문법으로 맞췄습니다.
어떻게
공통 문법 (WORKLOG 2026-09-15)
.page-header: 제목(1.25rem) + 한 줄 설명 왼쪽, 테두리 알약 추가 버튼 같은 줄 오른쪽, 둘 이상이면pet-tabs. 투약·추세·제품·기록 칩·루틴·반려동물 적용.care-header-row·products-header-row·product-add-btn·care-add-course-btn은 공통 정의로 접음.manage-card= 투약 처방 카드와 같은 셀렉터. 기록 칩·루틴 카드가 사용danger(제품과 같은 자리, R163)루틴
×(상세 시트 여러 제품 항목과 같은 44px 타깃). 하나뿐이면×를 그리지 않음 (R162). 항목 추가는 점선 한 줄. 양·단위는1fr 96px두 칸/q루틴 버튼: 틴트 10% + 테두리 45%, 요약은text-secondary. 라이트·다크 확인기록 칩 관리:
select→pet-tabs, 카드 버튼 → 작은btn-action검증
/routines(목록·수정 시트·×·삭제),/presets,/products,/q라이트·다크 화면 확인🤖 Generated with Claude Code