codestates / codestates/nagaza-client

[Task] CSS / 랜딩페이지 / <NAV>

Open
#31 0 comments 0 reactions 0 assignees View on GitHub
client E: 2h feature Middle
Dominant language
JavaScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

### ISSUE
- Group : `client`
- Type : `feature`
- Detail : 입력칸을 누르면, 밑으로 콤보박스가 내려온다. 콤보박스에서 누르면, 사라지고 입력칸에는 누른 옵션의 값이 들어간다.

### TODO
1. [ ] 마우스를 검색버튼에 hover시에 버튼이 커지는 효과
2. [ ] 지역 입력칸을 누르면 칸이 넓어지면서 콤보박스가 나타나는 효과
3. [ ] shadow 효과 1rem 정도
4. [ ] 가장자리 Border-radius 설정하기

ADVANCED [ ] 지역 입력칸을 누르면, 지역입력칸이 넓어지고, 다른 칸을 누르면 다른 칸이 넓어지는 효과

### Estimated time
### `2h`

Contributor guide

No contributing guide indexed for this repository

Research direction

No files or tests are named. Start by locating the landing page search button and region input in the client, then inspect the existing UI structure and styles. Done means the hover enlargement, expanding input and dropdown selection behavior, shadow, and border radius match the listed requirements.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, javascript
Domain
design, frontend
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.