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

배치면 초기설정 팝업, 지붕면 설정 팝업 사이즈 재수정

Browse Source
This commit is contained in:
김창수 2024-12-17 14:34:39 +09:00
parent e78bc4d8ec
commit e85cdaeaf6
3 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/canvas/modal/placementsetting/PlacementSettingPop.jsx
View File

@ -12,7 +12,7 @@ const SelectOption04 = [
export default function PlacementSettingPop(){ export default function PlacementSettingPop(){
return( return(
<WithDraggable isShow={true}> <WithDraggable isShow={true}>
<div className={`modal-pop-wrap l`}> <div className={`modal-pop-wrap ll`}>
<div className="modal-head"> <div className="modal-head">
<h1 className="title">配置面初期設定</h1> <h1 className="title">配置面初期設定</h1>
<button className="modal-close">닫기</button> <button className="modal-close">닫기</button>
@ -94,8 +94,8 @@ export default function PlacementSettingPop(){
</div> </div>
<div className="flex-ment"> <div className="flex-ment">
<span>垂木の間隔</span> <span>垂木の間隔</span>
<div className="grid-select no-flx right" style={{width: '84px'}}> <div className="grid-select no-flx" style={{width: '160px'}}>
<Qselect title={'455'} option={SelectOption04}/> <Qselect title={'세로 455mm이하'} option={SelectOption04}/>
</div> </div>
</div> </div>
</div> </div>
@ -114,7 +114,7 @@ export default function PlacementSettingPop(){
</div> </div>
<div className="flex-ment"> <div className="flex-ment">
<span>垂木の間隔</span> <span>垂木の間隔</span>
<div className="grid-select no-flx right" style={{width: '84px'}}> <div className="grid-select no-flx right" style={{width: '160px'}}>
<Qselect title={'455'} option={SelectOption04}/> <Qselect title={'455'} option={SelectOption04}/>
</div> </div>
</div> </div>
@ -146,7 +146,7 @@ export default function PlacementSettingPop(){
</div> </div>
<div className="flex-ment"> <div className="flex-ment">
<span>垂木の間隔</span> <span>垂木の間隔</span>
<div className="grid-select no-flx right" style={{width: '84px'}}> <div className="grid-select no-flx right" style={{width: '160px'}}>
<Qselect title={'455'} option={SelectOption04}/> <Qselect title={'455'} option={SelectOption04}/>
</div> </div>
</div> </div>

15
src/components/canvas/modal/roofallocation/RoofAllocation.jsx
View File

@ -5,13 +5,13 @@ const SelectOption01 = [
{name: '瓦53A',}, {name: '瓦53A'}, {name: '瓦53A'}, {name: '瓦53A'} {name: '瓦53A',}, {name: '瓦53A'}, {name: '瓦53A'}, {name: '瓦53A'}
] ]
const SelectOption04 = [ const SelectOption04 = [
{name: '455'}, {name: '455'}, {name: '455'}, {name: '455'} {name: '세로 455mm이하'}, {name: '455'}, {name: '455'}, {name: '455'}
] ]
export default function RoofAllocation() { export default function RoofAllocation() {
return( return(
<WithDraggable isShow={true}> <WithDraggable isShow={true}>
<div className={`modal-pop-wrap ml`}> <div className={`modal-pop-wrap lr`}>
<div className="modal-head"> <div className="modal-head">
<h1 className="title">屋根面の割り当て</h1> <h1 className="title">屋根面の割り当て</h1>
<button className="modal-close">닫기</button> <button className="modal-close">닫기</button>
@ -55,9 +55,11 @@ export default function RoofAllocation() {
<input type="text" className="input-origin block" defaultValue={100} readOnly/> <input type="text" className="input-origin block" defaultValue={100} readOnly/>
</div> </div>
</div> </div>
</div>
<div className="block-box">
<div className="flex-ment"> <div className="flex-ment">
<span>垂木の間隔</span> <span>垂木の間隔</span>
<div className="grid-select" style={{width: '100px'}}> <div className="grid-select" style={{width: '178px'}}>
<Qselect title={'455'} option={SelectOption04}/> <Qselect title={'455'} option={SelectOption04}/>
</div> </div>
</div> </div>
@ -97,10 +99,13 @@ export default function RoofAllocation() {
<input type="text" className="input-origin block" defaultValue={100} readOnly/> <input type="text" className="input-origin block" defaultValue={100} readOnly/>
</div> </div>
</div> </div>
</div>
<div className="block-box">
<div className="flex-ment"> <div className="flex-ment">
<span>垂木の間隔</span> <span>垂木の間隔</span>
<div className="grid-select" style={{width: '100px'}}> <div className="grid-select" style={{width: '178px'}}>
<Qselect title={'455'} option={SelectOption04}/> <Qselect title={'세로 455mm이하'} option={SelectOption04}/>
</div> </div>
</div> </div>
</div> </div>

3
src/styles/_modal.scss
View File

@ -81,6 +81,9 @@ $alert-color: #101010;
&.l{ &.l{
width: 800px; width: 800px;
} }
&.ll{
width: 900px;
}
&.mount{ &.mount{
animation: mountpop .17s ease-in-out forwards; animation: mountpop .17s ease-in-out forwards;
} }