diff --git a/front/src/components/HabitTracker/SideBar.jsx b/front/src/components/HabitTracker/SideBar.jsx index 9f9a76e5e0938cf715964698474ab0486d42c6e8..16a22143cdc29d4c36af3db02191c58753cb2932 100644 --- a/front/src/components/HabitTracker/SideBar.jsx +++ b/front/src/components/HabitTracker/SideBar.jsx @@ -55,7 +55,7 @@ function UserStatus({userData, data}){ <div>일일 목표 시간: {data.goal_daily_time}</div> </div> <button> - <Link className="link large" to='/HabitTracker/Goal'> + <Link className="link large" id="setGoal" to='/HabitTracker/Goal'> 목표 설정 </Link> </button> diff --git a/front/src/components/index.css b/front/src/components/index.css index bbe4c62bbcac86be46efee171b1daf013f9c94c9..4b1fb9fdec7b41f2fc97019029fbfc3369ea4e58 100644 --- a/front/src/components/index.css +++ b/front/src/components/index.css @@ -323,4 +323,8 @@ input[type='date']{ -webkit-line-clamp: 1; background-color: #f1efbd; align-self: center; +} + +#setGoal{ + color: #000000; } \ No newline at end of file diff --git a/front/src/pages/Goal.jsx b/front/src/pages/Goal.jsx index 34b74c69d61f4c1be3d74b16b4e0f3558ddae8f4..20ab8d6901c7bf09061ab7b46c34878c0c0b5701 100644 --- a/front/src/pages/Goal.jsx +++ b/front/src/pages/Goal.jsx @@ -102,29 +102,29 @@ function Goal(){ <form id="GoalForm" className='flex-grow-main' onSubmit={handleSubmit}> <label id="title">목표 설정</label> <label>목표 체중</label> - <input id="weight" type="number" name="goal_weight" onChange={handleWeightChange} value={weight}></input> + <input id="weight" type="number" className="round-input" name="goal_weight" onChange={handleWeightChange} value={weight}></input> <div className="row" > - <button id="Sun" className="circle" onClick={handleClick} + <button id="Sun" className="circle-button" onClick={handleClick} style={{backgroundColor:(sun)?'#333333':null}}> 일 </button> - <button id="Mon" className="circle" onClick={handleClick} + <button id="Mon" className="circle-button" onClick={handleClick} style={{backgroundColor:(mon)?'#333333':null}}> 월 </button> - <button id="Tue" className="circle" onClick={handleClick} + <button id="Tue" className="circle-button" onClick={handleClick} style={{backgroundColor:(tue)?'#333333':null}}> 화 </button> - <button id="Wed" className="circle" onClick={handleClick} + <button id="Wed" className="circle-button" onClick={handleClick} style={{backgroundColor:(wed)?'#333333':null}}> 수 </button> - <button id="Thu" className="circle" onClick={handleClick} + <button id="Thu" className="circle-button" onClick={handleClick} style={{backgroundColor:(thu)?'#333333':null}}> 목 </button> - <button id="Fri" className="circle" onClick={handleClick} + <button id="Fri" className="circle-button" onClick={handleClick} style={{backgroundColor:(fri)?'#333333':null}}> 금 </button> - <button id="Sat" className="circle" onClick={handleClick} + <button id="Sat" className="circle-button" onClick={handleClick} style={{backgroundColor:(sat)?'#333333':null}}> 토 </button> </div> <label>일일 목표 운동 시간</label> - <input id="DailyTime" type="text" name="goal_daily_time" onChange={handleDTChange} value={dailyTime}></input> + <input id="DailyTime" type="text" className="round-input" name="goal_daily_time" onChange={handleDTChange} value={dailyTime}></input> <label>주간 목표 횟수</label> - <input id="weeklyCount" type="text" name="goal_weekly" value={weeklyCount}></input> + <input id="weeklyCount" type="text" className="round-input" name="goal_weekly" value={weeklyCount}></input> <button type="submit">저장</button> </form> diff --git a/front/src/pages/index.css b/front/src/pages/index.css index c8c48eaa1c9d6ad404d4826a007a19539cc29643..530c3f03680727c734dd1c82682c73a127ff7a57 100644 --- a/front/src/pages/index.css +++ b/front/src/pages/index.css @@ -97,8 +97,9 @@ button{ flex-grow: 15; } -.circle{ +.circle-button{ width: 3em; + min-width: 3em; } input[value] {