qcast3/qcast-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

각도 입력 필드 추가

Browse Source
This commit is contained in:
minsik 2024-10-30 17:26:04 +09:00
parent 33112c1563
commit 35030dc45d
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/floor-plan/modal/roofShape/type/option/Shed.jsx
View File

@ -1,10 +1,20 @@
import { useMessage } from '@/hooks/useMessage' import { useMessage } from '@/hooks/useMessage'
import { onlyNumberInputChange } from '@/util/input-utils' import { onlyNumberInputChange } from '@/util/input-utils'
import { useRecoilState } from 'recoil'
import { pitchTextSelector } from '@/store/canvasAtom'
export default function Shed({ shedWidth, setShedWidth }) { export default function Shed({ shedWidth, setShedWidth }) {
const { getMessage } = useMessage() const { getMessage } = useMessage()
const pitchText = useRecoilState(pitchTextSelector)
return ( return (
<> <>
<div className="outline-form mb10">
<span className="mr10">{getMessage('slope')}</span>
<div className="input-grid mr5" style={{ width: '100px' }}>
<input type="text" className="input-origin block" defaultValue={4} />
</div>
<span className="thin">{pitchText}</span>
</div>
<div className="outline-form"> <div className="outline-form">
<span className="mr10">{getMessage('shed.width')}</span> <span className="mr10">{getMessage('shed.width')}</span>
<div className="input-grid mr5" style={{ width: '100px' }}> <div className="input-grid mr5" style={{ width: '100px' }}>