깜놀하는 해므찌로

1. input : outline-none : 기존 아웃 라인 제거 2. focus-within:border-primary transition-all : 새로운 아웃라인

메뉴를 검색해주세요 {{item}} 1. 검색 돋보기 넣기 : 부모 태그에 relative 명시 후 돋보기 img에 absolute 속성 및 rigt 로 위치 선정 2. 검색어 입력 시 돋보기와 글씨가 겹치지 않게 하기 위해 input 태그 안에 pr pl 패딩 주기 3. 스크롤바 y 축만 생성되도록 내부 w 길이가 더 작도록 설정하기 4. 스크롤바 x 축은 가리도록 over-flow-x-hidden 5. input 최대 길이 설정 시 길이를 줄이기 위해, 자기 부모 태그의 길이를 취하기 위해 w-full 6. absolute 를 사용하여 돋보기 마크를 인풋에 넣기 7. transition-all 을 활용하여 특정 조건 시 [ngClass] rotate 180 되도록 수정 ::-webkit-scrollb..

class="focus-within:hover:border-primary focus-within:border-primary"

searchCondition(): void { this.items = this.orderService.getItem(); // 탭 if (this.currentTab !== '전체') { this.items = this.items.filter( (_item) => _item.state === this.currentTab ); } // 카테고리 if (this.currentBranch !== '지점') { this.items = this.items.filter( (_item) => _item.branchName === this.currentBranch ); } // 날짜 if (this.startAt && this.endAt) { this.items = this.items.filter((_item) => ..