Commit d699f7dd authored by Kim, Subin's avatar Kim, Subin
Browse files

cursor-pointer 수정

parent 14156ac9
...@@ -62,7 +62,7 @@ const Weekly = () => { ...@@ -62,7 +62,7 @@ const Weekly = () => {
let current = moment(dateProfile.currentRange.start).format("YYYY-MM-DD") let current = moment(dateProfile.currentRange.start).format("YYYY-MM-DD")
return ( return (
<div className="fc-custom-view weekly-view d-flex row-cols-9"> <div className="fc-custom-view weekly-view d-flex row-cols-9" style={{ cursor: "pointer" }}>
<i className="col bi bi-chevron-left align-self-center" onClick={prev} style={{ fontSize: "2em" }} /> <i className="col bi bi-chevron-left align-self-center" onClick={prev} style={{ fontSize: "2em" }} />
{week.map((info, idx) => <Date index={idx} info={info} today={moment(info.date).isSame(current) ? true : false} handleClick={gotoDate} />)} {week.map((info, idx) => <Date index={idx} info={info} today={moment(info.date).isSame(current) ? true : false} handleClick={gotoDate} />)}
<i className="col bi bi-chevron-right align-self-center" onClick={next} style={{ fontSize: "2em" }} /> <i className="col bi bi-chevron-right align-self-center" onClick={next} style={{ fontSize: "2em" }} />
......
import { useState, useEffect } from "react"; import { useState, useEffect } from "react";
import moment from 'moment'; import moment from 'moment';
import styles from "./modal.module.scss";
const DatePickerModal = ({ initialDate, changeDate, setChangeDate, show, setShow }) => { const DatePickerModal = ({ initialDate, changeDate, setChangeDate, show, setShow }) => {
const [date, setDate] = useState({ year: moment(changeDate).get('year'), month: moment(changeDate).get('month') + 1 }) const [date, setDate] = useState({ year: moment(changeDate).get('year'), month: moment(changeDate).get('month') + 1 })
...@@ -61,20 +62,20 @@ const DatePickerModal = ({ initialDate, changeDate, setChangeDate, show, setShow ...@@ -61,20 +62,20 @@ const DatePickerModal = ({ initialDate, changeDate, setChangeDate, show, setShow
<> <>
{show ? <div className="offcanvas-backdrop fade show"></div> : null} {show ? <div className="offcanvas-backdrop fade show"></div> : null}
<div className={"offcanvas offcanvas-bottom " + (show ? "visible show" : "invisiblel")} tabIndex="-1" id="datePicker" aria-labelledby="datePicker"> <div className={"offcanvas offcanvas-bottom " + (show ? "visible show" : "invisiblel")} tabIndex="-1" id="datePicker" aria-labelledby="datePicker">
<div className="offcanvas-body small py-2"> <div className="offcanvas-body small user-select-none py-2">
<div className="d-flex my-3"> <div className="d-flex my-3">
<div className="col-6 d-flex flex-column justify-content-between align-items-center fs-4"> <div className="col-6 d-flex flex-column justify-content-between align-items-center fs-4">
<i className="bi bi-caret-up-fill" id="year" onClick={up}></i> <i className={`bi bi-caret-up-fill ${styles.cursor}`} id="year" onClick={up}></i>
{date.year} {date.year}
<i className="bi bi-caret-down-fill" id="year" onClick={down}></i> <i className={`bi bi-caret-down-fill ${styles.cursor}`} id="year" onClick={down}></i>
</div> </div>
<div className="col-6 d-flex flex-column justify-content-between align-items-center fs-4"> <div className="col-6 d-flex flex-column justify-content-between align-items-center fs-4">
<i className="bi bi-caret-up-fill" id="month" onClick={up}></i> <i className={`bi bi-caret-up-fill ${styles.cursor}`} id="month" onClick={up}></i>
{date.month < 10 ? "0" + date.month : date.month} {date.month < 10 ? "0" + date.month : date.month}
<i className="bi bi-caret-down-fill" id="month" onClick={down}></i> <i className={`bi bi-caret-down-fill ${styles.cursor}`} id="month" onClick={down}></i>
</div> </div>
</div> </div>
<div className="d-flex pt-2 border-top border-dark"> <div className={`d-flex pt-2 border-top border-dark ${styles.cursor}`}>
<div className="col-6" data-bs-dismiss="offcanvas"> <div className="col-6" data-bs-dismiss="offcanvas">
<p className="text-center fs-6 py-1 mb-0" onClick={cancel}>취소</p> <p className="text-center fs-6 py-1 mb-0" onClick={cancel}>취소</p>
</div> </div>
......
...@@ -18,3 +18,7 @@ ...@@ -18,3 +18,7 @@
border-color: crimson; border-color: crimson;
} }
} }
.cursor {
cursor: pointer;
}
\ No newline at end of file
...@@ -116,6 +116,10 @@ button { ...@@ -116,6 +116,10 @@ button {
& .fc-daygrid-day-top { & .fc-daygrid-day-top {
flex-direction: row !important; flex-direction: row !important;
& .fc-daygrid-day-number {
cursor: pointer;
}
} }
& .fc-day-today { & .fc-day-today {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment