Open
Conversation
- SiteSidebar 컴포넌트 신설: 240px 고정 좌측 사이드바 (Procore / ACC 패턴) - 브랜드 아이콘 + 라벨, 아이콘이 있는 네비게이션 아이템, 버전 배지 - Iconify Solar 아이콘 적용 (계산기, 차트, 문서) - 활성 항목 lime 포인트 pip 인디케이터 - layout.tsx: app-shell 래퍼로 사이드바 + 콘텐츠 영역 분리 - site-header.tsx: 중복 CTA 버튼 제거, 모바일 전용으로 간소화 - globals.css 신규 스타일 추가 - .app-shell / .app-content 레이아웃 시스템 - .site-sidebar 전체 스타일 (다크 네이비 #0b1118) - .workflow-badge: Draft / Review / Approved / Finalized 상태 뱃지 - .page-topbar: 브레드크럼 + 액션 영역 (Autodesk ACC 패턴) - .kpi-strip: 주요 지표 한눈에 표시 (Oracle 패턴) - .phase-track: 공정 단계 인디케이터 (Sage Estimating 패턴) - 데스크톱에서 body 배경을 순수 웜 베이지로 단순화 - 데스크톱 page-shell 상단 여백 40px으로 최적화 https://claude.ai/code/session_01TDTgQVEeRrLAPRo7wUjwq2
1. estimate-studio.tsx — 리스크 등급 연동 workflow-badge 추가 - HIGH → "검토 필요" (review 뱃지, 주황) - MEDIUM → "작성 중" (draft 뱃지, 회색) - LOW → "저위험 확인" (approved 뱃지, 초록) - estimate-toolbar__facts 내 컨텍스트 태그와 나란히 표시 2. globals.css — 액센트 색상 라임그린 → 앰버골드 전면 전환 - --accent: #d0f06d → #f0a42a (앰버 골드) - --accent-deep: #2b5d4e → #8b4000 (딥 앰버) - rgba(208,240,109) / rgba(200,239,99) → rgba(240,164,42) 전체 치환 - 그레이디언트 보조 색상 #8de289 → #f5c56e - 사이드바 brand icon glow / pip / badge 모두 앰버 계열 통일 결과: 스타트업 라임 → 프리미엄 B2B 앰버골드로 브랜드 톤 업그레이드 https://claude.ai/code/session_01TDTgQVEeRrLAPRo7wUjwq2
색상 시스템 - 배경 3계층: --bg #050c17 / --bg-alt #091525 / --bg-raised #0d1e30 - 텍스트: --ink #c4d4e3 (쿨 라이트) / --ink-strong #e2edf7 - Bloomberg 포지티브: --positive #00c07a (그린) - Bloomberg 네거티브: --negative #ff4040 (레드) - 앰버 골드 액센트 유지: --accent #f0a42a - border-radius 12px로 샤프하게 조정 Bloomberg 전용 UI 요소 추가 - 사이드바 상단 + 데스크톱 콘텐츠 영역 amber 3px 스트라이프 - .live-dot: 그린 펄스 인디케이터 (실시간 계산 표시) - .dense-panel: 고밀도 데이터 그리드 (Bloomberg 데이터 터미널 패턴) - .ticker-row / .ticker-item: 금융 ticker 헤더 라인 - .term-label: 터미널 스타일 amber 레이블 - .data-positive / .data-negative / .data-accent: 색상 코딩 유틸리티 - 스크롤바: 다크 + amber hover 전면 다크화 - 모든 카드·패널 (estimate-panel, summary-card 등) → bg-alt - 입력 필드 → 다크 bg-input - 테이블 → 다크 + 미세 zebra hover - 리뷰 모달, 업로드존, 세그먼트 버튼 모두 다크 - risk-chip / result-grade → Bloomberg 색상 계열로 통일 - 잔존 라임 그린 (#d9f66a, #a8e85c) 완전 제거 https://claude.ai/code/session_01TDTgQVEeRrLAPRo7wUjwq2
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
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
2 participants
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.
https://claude.ai/code/session_01TDTgQVEeRrLAPRo7wUjwq2