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

Merge pull request '필요하지 않은 접힘 버튼 제거' (#428) from dev into dev-deploy

Browse Source 
Reviewed-on: #428
This commit is contained in:
ysCha 2025-11-26 09:03:48 +09:00
commit a3b4f56b05
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/common/draggable/WithDraggable.jsx
View File

@ -24,7 +24,7 @@ export default function WithDraggable({ isShow, children, pos = { x: 0, y: 0 },
<Draggable <Draggable
position={{ x: position.x, y: position.y }} position={{ x: position.x, y: position.y }}
onDrag={(e, data) => handleOnDrag(e, data)} onDrag={(e, data) => handleOnDrag(e, data)}
handle= ''//{handle === '' ? '.modal-handle' : handle} //전체 handle handle="" //{handle === '' ? '.modal-handle' : handle} //전체 handle
cancel="input, button, select, textarea, [contenteditable], .sort-select" cancel="input, button, select, textarea, [contenteditable], .sort-select"
> >
<div className={`modal-pop-wrap ${className}`} style={{ visibility: isHidden ? 'hidden' : 'visible' }}> <div className={`modal-pop-wrap ${className}`} style={{ visibility: isHidden ? 'hidden' : 'visible' }}>
@ -38,17 +38,17 @@ export default function WithDraggable({ isShow, children, pos = { x: 0, y: 0 },
) )
} }
function WithDraggableHeader({ title, onClose, children }) { function WithDraggableHeader({ title, onClose, children, isFold, onFold = null }) {
return ( return (
<div className="modal-head modal-handle"> <div className="modal-head modal-handle">
<h1 className="title">{title}</h1> <h1 className="title">{title}</h1>
<div className='modal-btn-wrap'> <div className="modal-btn-wrap">
<button className='modal-fold act'></button> {onFold && <button className={`modal-fold ${isFold ? '' : 'act'}`} onClick={onFold}></button>}
{onClose && ( {onClose && (
<button className="modal-close" onClick={() => onClose()}> <button className="modal-close" onClick={() => onClose()}>
닫기 닫기
</button> </button>
)} )}
</div> </div>
</div> </div>
) )