Browse Source

.

pull/1/head
김지은 9 months ago
parent
commit
25f5bfef35
  1. 3
      src/assets/css/custom.css
  2. 4
      src/views/control/setting/ControlSetting.js

3
src/assets/css/custom.css

@ -239,6 +239,7 @@ input:read-only::-webkit-scrollbar-track {
.layer-switch-list .dot-icon.color-brown{background:#A16B00;} .layer-switch-list .dot-icon.color-brown{background:#A16B00;}
.layer-switch-list .dot-icon.color-purple{background:#AB40FF;} .layer-switch-list .dot-icon.color-purple{background:#AB40FF;}
.layer-switch-list .dot-icon.color-skyblue{background:#009cad;} .layer-switch-list .dot-icon.color-skyblue{background:#009cad;}
.layer-switch-list .dot-icon.color-gray{background:#555;}
.custom-control-red .custom-control-input:checked ~ .custom-control-label::before, .custom-control-red .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-red .custom-control-input:active ~ .custom-control-label::before{background-color:#FF3648;border-color:#FF3648;} .custom-control-red .custom-control-input:active ~ .custom-control-label::before{background-color:#FF3648;border-color:#FF3648;}
.custom-control-pink .custom-control-input:checked ~ .custom-control-label::before, .custom-control-pink .custom-control-input:checked ~ .custom-control-label::before,
@ -251,6 +252,8 @@ input:read-only::-webkit-scrollbar-track {
.custom-control-purple .custom-control-input:active ~ .custom-control-label::before{background-color:#AB40FF;border-color:#AB40FF;} .custom-control-purple .custom-control-input:active ~ .custom-control-label::before{background-color:#AB40FF;border-color:#AB40FF;}
.custom-control-skyblue .custom-control-input:checked ~ .custom-control-label::before, .custom-control-skyblue .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-skyblue .custom-control-input:active ~ .custom-control-label::before{background-color:#009cad;border-color:#009cad;} .custom-control-skyblue .custom-control-input:active ~ .custom-control-label::before{background-color:#009cad;border-color:#009cad;}
.custom-control-gray .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-gray .custom-control-input:active ~ .custom-control-label::before{background-color:#555;border-color:#555;}
.layer-switch-list svg{margin-right:8px;} .layer-switch-list svg{margin-right:8px;}
.layer-switch-list .custom-switch .custom-control-label:after{top:2px;} .layer-switch-list .custom-switch .custom-control-label:after{top:2px;}
.map-btn{border:1px solid #ddd;border-radius:0.358rem} .map-btn{border:1px solid #ddd;border-radius:0.358rem}

4
src/views/control/setting/ControlSetting.js

@ -188,13 +188,13 @@ const ControlSetting = props => {
<dl> <dl>
<dt> <dt>
<div className='list-left-txt'> <div className='list-left-txt'>
<span className='dot-icon color-skyblue'></span> <span className='dot-icon color-gray'></span>
{mapControl.liner ? '격자' : '선형'} {mapControl.liner ? '격자' : '선형'}
</div> </div>
<div className='list-right-txt'> <div className='list-right-txt'>
<CustomInput <CustomInput
onClick={e => handlerAreaClick('liner')} onClick={e => handlerAreaClick('liner')}
className='custom-control-skyblue' className='custom-control-gray'
type='switch' type='switch'
id='test07' id='test07'
name='test07' name='test07'

Loading…
Cancel
Save