🚨chore: Sync Sass
This commit is contained in:
minsik
parent
8d25b6176f
commit
7ddcc91d1f
@ -3,24 +3,19 @@
|
||||
height: calc(100vh - 47px);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.canvas-content{
|
||||
flex: 1 1 auto;
|
||||
|
||||
.canvas-layout{
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&.sub-wrap{
|
||||
overflow: hidden;
|
||||
|
||||
.canvas-content{
|
||||
height: calc(100% - 47px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// CanvasMenu
|
||||
.canvas-menu-wrap{
|
||||
position: relative;
|
||||
@ -29,7 +24,6 @@
|
||||
padding-bottom: 0;
|
||||
background-color: #383838;
|
||||
transition: padding .17s ease-in-out;
|
||||
|
||||
.canvas-menu-inner{
|
||||
position: relative;
|
||||
display: flex;
|
||||
@ -37,17 +31,14 @@
|
||||
padding: 0 40px 0 20px;
|
||||
background-color: #2C2C2C;
|
||||
z-index: 999;
|
||||
|
||||
.canvas-menu-list{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
|
||||
.canvas-menu-item{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
|
||||
button{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -58,7 +49,6 @@
|
||||
padding: 15px 20px;
|
||||
opacity: 0.55;
|
||||
transition: all .17s ease-in-out;
|
||||
|
||||
.menu-icon{
|
||||
display: block;
|
||||
width: 16px;
|
||||
@ -67,66 +57,38 @@
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
margin-right: 10px;
|
||||
|
||||
&.con00 {
|
||||
background-image: url(/static/images/canvas/menu_icon00.svg);
|
||||
}
|
||||
|
||||
&.con01 {
|
||||
background-image: url(/static/images/canvas/menu_icon01.svg);
|
||||
}
|
||||
|
||||
&.con02 {
|
||||
background-image: url(/static/images/canvas/menu_icon02.svg);
|
||||
}
|
||||
|
||||
&.con03 {
|
||||
background-image: url(/static/images/canvas/menu_icon03.svg);
|
||||
}
|
||||
|
||||
&.con04 {
|
||||
background-image: url(/static/images/canvas/menu_icon04.svg);
|
||||
}
|
||||
|
||||
&.con05 {
|
||||
background-image: url(/static/images/canvas/menu_icon05.svg);
|
||||
}
|
||||
|
||||
&.con06 {
|
||||
background-image: url(/static/images/canvas/menu_icon06.svg);
|
||||
&.con00{background-image: url(/static/images/canvas/menu_icon00.svg);}
|
||||
&.con01{background-image: url(/static/images/canvas/menu_icon01.svg);}
|
||||
&.con02{background-image: url(/static/images/canvas/menu_icon02.svg);}
|
||||
&.con03{background-image: url(/static/images/canvas/menu_icon03.svg);}
|
||||
&.con04{background-image: url(/static/images/canvas/menu_icon04.svg);}
|
||||
&.con05{background-image: url(/static/images/canvas/menu_icon05.svg);}
|
||||
&.con06{background-image: url(/static/images/canvas/menu_icon06.svg);}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.active{
|
||||
background-color: #383838;
|
||||
|
||||
button{
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.canvas-side-btn-wrap{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-left: auto;
|
||||
|
||||
.select-box{
|
||||
width: 124px;
|
||||
margin-right: 5px;
|
||||
|
||||
> div{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-from{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
|
||||
button{
|
||||
display: block;
|
||||
width: 30px;
|
||||
@ -137,58 +99,27 @@
|
||||
background-repeat: no-repeat;
|
||||
background-size: 15px 15px;
|
||||
transition: all .17s ease-in-out;
|
||||
|
||||
&.btn01 {
|
||||
background-image: url(../../public/static/images/canvas/side_icon03.svg);
|
||||
}
|
||||
|
||||
&.btn02 {
|
||||
background-image: url(../../public/static/images/canvas/side_icon02.svg);
|
||||
}
|
||||
|
||||
&.btn03 {
|
||||
background-image: url(../../public/static/images/canvas/side_icon01.svg);
|
||||
}
|
||||
|
||||
&.btn04 {
|
||||
background-image: url(../../public/static/images/canvas/side_icon04.svg);
|
||||
}
|
||||
|
||||
&.btn05 {
|
||||
background-image: url(../../public/static/images/canvas/side_icon05.svg);
|
||||
}
|
||||
|
||||
&.btn06 {
|
||||
background-image: url(../../public/static/images/canvas/side_icon06.svg);
|
||||
}
|
||||
|
||||
&.btn07 {
|
||||
background-image: url(../../public/static/images/canvas/side_icon07.svg);
|
||||
}
|
||||
|
||||
&.btn08 {
|
||||
background-image: url(../../public/static/images/canvas/side_icon08.svg);
|
||||
}
|
||||
|
||||
&.btn09 {
|
||||
background-image: url(../../public/static/images/canvas/side_icon09.svg);
|
||||
}
|
||||
|
||||
&.btn01{background-image: url(../../public/static/images/canvas/side_icon03.svg);}
|
||||
&.btn02{background-image: url(../../public/static/images/canvas/side_icon02.svg);}
|
||||
&.btn03{background-image: url(../../public/static/images/canvas/side_icon01.svg);}
|
||||
&.btn04{background-image: url(../../public/static/images/canvas/side_icon04.svg);}
|
||||
&.btn05{background-image: url(../../public/static/images/canvas/side_icon05.svg);}
|
||||
&.btn06{background-image: url(../../public/static/images/canvas/side_icon06.svg);}
|
||||
&.btn07{background-image: url(../../public/static/images/canvas/side_icon07.svg);}
|
||||
&.btn08{background-image: url(../../public/static/images/canvas/side_icon08.svg);}
|
||||
&.btn09{background-image: url(../../public/static/images/canvas/side_icon09.svg);}
|
||||
&:hover{
|
||||
background-color: #1083E3;
|
||||
}
|
||||
|
||||
&.active{
|
||||
background-color: #1083E3;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ico-btn-from{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
|
||||
button{
|
||||
.ico{
|
||||
display: block;
|
||||
@ -197,37 +128,22 @@
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
|
||||
&.ico01 {
|
||||
background-image: url(../../public/static/images/canvas/ico-flx01.svg);
|
||||
&.ico01{background-image: url(../../public/static/images/canvas/ico-flx01.svg);}
|
||||
&.ico02{background-image: url(../../public/static/images/canvas/ico-flx02.svg);}
|
||||
&.ico03{background-image: url(../../public/static/images/canvas/ico-flx03.svg);}
|
||||
&.ico04{background-image: url(../../public/static/images/canvas/ico-flx04.svg);}
|
||||
}
|
||||
|
||||
&.ico02 {
|
||||
background-image: url(../../public/static/images/canvas/ico-flx02.svg);
|
||||
}
|
||||
|
||||
&.ico03 {
|
||||
background-image: url(../../public/static/images/canvas/ico-flx03.svg);
|
||||
}
|
||||
|
||||
&.ico04 {
|
||||
background-image: url(../../public/static/images/canvas/ico-flx04.svg);
|
||||
}
|
||||
}
|
||||
|
||||
.name{
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
&.form06{
|
||||
.name{
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vertical-horizontal{
|
||||
display: flex;
|
||||
min-width: 170px;
|
||||
@ -237,13 +153,11 @@
|
||||
background: #373737;
|
||||
line-height: 28px;
|
||||
overflow: hidden;
|
||||
|
||||
span{
|
||||
padding: 0 10px;
|
||||
font-size: 13px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
button{
|
||||
margin-left: auto;
|
||||
height: 100%;
|
||||
@ -254,14 +168,12 @@
|
||||
padding: 0 7.5px;
|
||||
transition: all .17s ease-in-out;
|
||||
}
|
||||
|
||||
&.on{
|
||||
button{
|
||||
background-color: #1083E3;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.size-control{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -272,12 +184,10 @@
|
||||
width: 100px;
|
||||
height: 30px;
|
||||
margin: 0 5px;
|
||||
|
||||
span{
|
||||
font-size: 13px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.control-btn{
|
||||
display: block;
|
||||
width: 12px;
|
||||
@ -285,11 +195,9 @@
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
|
||||
&.minus{
|
||||
background-image: url(../../public/static/images/canvas/minus.svg);
|
||||
}
|
||||
|
||||
&.plus{
|
||||
background-image: url(../../public/static/images/canvas/plus.svg);
|
||||
}
|
||||
@ -297,7 +205,6 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.canvas-depth2-wrap{
|
||||
position: absolute;
|
||||
top: -100%;
|
||||
@ -306,24 +213,20 @@
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
transition: all .17s ease-in-out;
|
||||
|
||||
.canvas-depth2-inner{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 40px;
|
||||
height: 100%;
|
||||
|
||||
.canvas-depth2-list{
|
||||
display: flex;
|
||||
align-items: center ;
|
||||
height: 100%;
|
||||
|
||||
.canvas-depth2-item{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 26px;
|
||||
height: 100%;
|
||||
|
||||
button{
|
||||
position: relative;
|
||||
opacity: 0.55;
|
||||
@ -333,12 +236,10 @@
|
||||
height: 100%;
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
&.active{
|
||||
button{
|
||||
opacity: 1;
|
||||
font-weight: 600;
|
||||
|
||||
&:after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
@ -353,20 +254,17 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.canvas-depth2-btn-list{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-left: auto;
|
||||
height: 100%;
|
||||
|
||||
.depth2-btn-box{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 34px;
|
||||
height: 100%;
|
||||
transition: all .17s ease-in-out;
|
||||
|
||||
button{
|
||||
position: relative;
|
||||
font-size: 12px;
|
||||
@ -374,7 +272,6 @@
|
||||
height: 100%;
|
||||
color: #fff;
|
||||
padding-right: 12px;
|
||||
|
||||
&:after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
@ -386,23 +283,19 @@
|
||||
background: url(../../public/static/images/canvas/depth2-arr.svg) no-repeat center;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child{
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
&.mouse{
|
||||
opacity: 0.55;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.active{
|
||||
top: 47px;
|
||||
}
|
||||
}
|
||||
|
||||
&.active{
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
@ -415,12 +308,10 @@
|
||||
background-color: #1C1C1C;
|
||||
border-top: 1px solid #000;
|
||||
width: 100%;
|
||||
|
||||
.canvas-plane-wrap{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
max-width: calc(100% - 45px);
|
||||
|
||||
.canvas-page-box{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -429,7 +320,6 @@
|
||||
border-right:1px solid #000;
|
||||
min-width: 0;
|
||||
transition: all .17s ease-in-out;
|
||||
|
||||
span{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -441,7 +331,6 @@
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.close{
|
||||
flex: none;
|
||||
display: block;
|
||||
@ -451,30 +340,24 @@
|
||||
background: url(../../public/static/images/canvas/plan_close_gray.svg)no-repeat center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
&.on{
|
||||
background-color: #fff;
|
||||
|
||||
span{
|
||||
font-weight: 600;
|
||||
color: #101010;
|
||||
}
|
||||
|
||||
.close{
|
||||
background: url(../../public/static/images/canvas/plan_close_black.svg)no-repeat center;
|
||||
}
|
||||
|
||||
&:hover{
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover{
|
||||
background-color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.plane-add{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -484,7 +367,6 @@
|
||||
background-color: #1C1C1C;
|
||||
border-right: 1px solid #000;
|
||||
transition: all .17s ease-in-out;
|
||||
|
||||
span{
|
||||
display: block;
|
||||
width: 9px;
|
||||
@ -492,7 +374,6 @@
|
||||
background: url(../../public/static/images/canvas/plane_add.svg)no-repeat center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
&:hover{
|
||||
background-color: #000;
|
||||
}
|
||||
@ -504,7 +385,6 @@
|
||||
position: relative;
|
||||
height: calc(100% - 36.5px);
|
||||
background-color: #fff;
|
||||
|
||||
canvas{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@ -524,25 +404,20 @@
|
||||
border-bottom: 1px solid #000;
|
||||
background: #2C2C2C;
|
||||
z-index: 999;
|
||||
|
||||
.sub-header-inner{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
padding: 0 100px;
|
||||
|
||||
.sub-header-title-wrap{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.title-item{
|
||||
position: relative;
|
||||
padding: 0 24px;
|
||||
|
||||
a{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.icon{
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
@ -550,13 +425,9 @@
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
|
||||
&.drawing {
|
||||
background-image: url(../../public/static/images/main/drawing_icon.svg);
|
||||
&.drawing{background-image: url(../../public/static/images/main/drawing_icon.svg);}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
@ -567,38 +438,31 @@
|
||||
height: 16px;
|
||||
background-color: #D9D9D9;
|
||||
}
|
||||
|
||||
&:first-child{
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
&:last-child{
|
||||
padding-right: 0;
|
||||
|
||||
&:after{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sub-header-title{
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.sub-header-location{
|
||||
margin-left: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.location-item{
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 10px;
|
||||
|
||||
span{
|
||||
display: flex;
|
||||
font-size: 12px;
|
||||
@ -606,7 +470,6 @@
|
||||
font-weight: normal;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
&:after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
@ -617,18 +480,14 @@
|
||||
height: 6px;
|
||||
background: url(../../public/static/images/main/loaction_arr.svg)no-repeat center;
|
||||
}
|
||||
|
||||
&:first-child{
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
&:last-child{
|
||||
padding-right: 0;
|
||||
|
||||
span{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&:after{
|
||||
display: none;
|
||||
}
|
||||
@ -641,51 +500,42 @@
|
||||
// sub content
|
||||
.sub-content{
|
||||
padding-top: 46px;
|
||||
|
||||
.sub-content-inner{
|
||||
max-width: 1720px;
|
||||
margin: 0 auto;
|
||||
padding-top: 20px;
|
||||
|
||||
.sub-content-box{
|
||||
margin-bottom: 20px;
|
||||
|
||||
&:last-child{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.estimate{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: calc(100% - 36.5px);
|
||||
overflow-y: auto;
|
||||
padding-top: 0;
|
||||
|
||||
.sub-content-inner{
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sub-table-box{
|
||||
padding: 20px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #E9EAED;
|
||||
background: #FFF;
|
||||
box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.02);
|
||||
|
||||
.table-box-title-wrap{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 15px;
|
||||
|
||||
.title-wrap{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
h3{
|
||||
display: block;
|
||||
font-size: 15px;
|
||||
@ -693,26 +543,21 @@
|
||||
font-weight: 600;
|
||||
margin-right: 14px;
|
||||
}
|
||||
|
||||
.info-wrap{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
li{
|
||||
position: relative;
|
||||
padding: 0 6px;
|
||||
font-size: 12px;
|
||||
color: #101010;
|
||||
font-weight: normal;
|
||||
|
||||
span{
|
||||
font-weight: 600;
|
||||
|
||||
&.red{
|
||||
color: #E23D70;
|
||||
}
|
||||
}
|
||||
|
||||
&:after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
@ -723,29 +568,17 @@
|
||||
height: 11px;
|
||||
background-color: #D9D9D9;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
padding-right: 0;
|
||||
|
||||
&::after {
|
||||
display: none;
|
||||
&:first-child{padding-left: 0;}
|
||||
&:last-child{padding-right: 0;&::after{display: none;}}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.left-unit-box{
|
||||
margin-left: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.promise-gudie{
|
||||
display: block;
|
||||
font-size: 13px;
|
||||
@ -753,18 +586,15 @@
|
||||
color: #101010;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.important{
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.sub-table-footer{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.pagination-wrap{
|
||||
margin-top: 24px;
|
||||
}
|
||||
@ -774,23 +604,19 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
|
||||
.sub-table-box{
|
||||
flex: 1 ;
|
||||
}
|
||||
|
||||
.info-title{
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #344356;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.info-inner{
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
color: #344356;
|
||||
|
||||
.copy-ico{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
@ -808,17 +634,14 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
|
||||
.estimate-box{
|
||||
flex: 1 ;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&:last-child{
|
||||
flex: none;
|
||||
min-width: 220px;
|
||||
}
|
||||
|
||||
.estimate-tit{
|
||||
width: 105px;
|
||||
height: 30px;
|
||||
@ -830,7 +653,6 @@
|
||||
font-weight: 500;
|
||||
color: #344356;
|
||||
}
|
||||
|
||||
.estimate-name{
|
||||
font-size: 13px;
|
||||
color: #344356;
|
||||
@ -838,7 +660,6 @@
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@ -847,16 +668,13 @@
|
||||
// file drag box
|
||||
.drag-file-box{
|
||||
padding: 10px;
|
||||
|
||||
.btn-area{
|
||||
padding-bottom: 15px;
|
||||
border-bottom: 1px solid #ECF0F4;
|
||||
}
|
||||
|
||||
.drag-file-area{
|
||||
position: relative;
|
||||
margin-top: 15px;
|
||||
|
||||
p{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
@ -868,11 +686,9 @@
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
.file-list{
|
||||
.file-item{
|
||||
margin-bottom: 15px;
|
||||
|
||||
span{
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
@ -880,7 +696,6 @@
|
||||
font-weight: 400;
|
||||
white-space: nowrap;
|
||||
padding-right: 55px;
|
||||
|
||||
button{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
@ -892,7 +707,6 @@
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@ -905,28 +719,22 @@
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
width: 100%;
|
||||
|
||||
.sub-table-box{
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.chart-inner{
|
||||
flex: 1;
|
||||
|
||||
.chart-box{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.chart-table-wrap{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: none;
|
||||
width: 650px;
|
||||
|
||||
.sub-table-box{
|
||||
flex: 1;
|
||||
|
||||
&:first-child{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
@ -940,7 +748,6 @@
|
||||
border-collapse:collapse;
|
||||
border: 1px solid #ECF0F4;
|
||||
border-radius: 4px;
|
||||
|
||||
thead{
|
||||
th{
|
||||
padding: 4.5px 0;
|
||||
@ -952,7 +759,6 @@
|
||||
background-color: #F8F9FA;
|
||||
}
|
||||
}
|
||||
|
||||
tbody{
|
||||
td{
|
||||
font-size: 13px;
|
||||
@ -967,11 +773,9 @@
|
||||
.simulation-guide-wrap{
|
||||
display: flex;
|
||||
padding: 20px;
|
||||
|
||||
.simulation-tit-wrap{
|
||||
padding-right: 40px;
|
||||
border-right: 1px solid #EEEEEE;
|
||||
|
||||
span{
|
||||
display: block;
|
||||
position: relative;
|
||||
@ -979,7 +783,6 @@
|
||||
font-size: 15px;
|
||||
color: #14324F;
|
||||
font-weight: 600;
|
||||
|
||||
&::before{
|
||||
content: '';
|
||||
position: absolute;
|
||||
@ -993,27 +796,22 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.simulation-guide-box{
|
||||
padding-left: 40px;
|
||||
|
||||
dl{
|
||||
margin-bottom: 25px;
|
||||
|
||||
dt{
|
||||
font-size: 13px;
|
||||
color: #101010;
|
||||
font-weight: 600;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
dd{
|
||||
font-size: 12px;
|
||||
color: #45576F;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
&:last-child{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@ -1029,7 +827,6 @@
|
||||
margin-right: 4px;
|
||||
border: 1px solid #ECF0F4;
|
||||
border-top: none;
|
||||
|
||||
.total-title{
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
@ -1037,7 +834,6 @@
|
||||
color: #344356;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.total-num{
|
||||
flex: none;
|
||||
width: 121px;
|
||||
@ -1064,7 +860,6 @@
|
||||
border-radius: 2px;
|
||||
box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.05);
|
||||
cursor: pointer;
|
||||
|
||||
&::before{
|
||||
content: '';
|
||||
position: absolute;
|
||||
@ -1076,13 +871,11 @@
|
||||
background: url(../../public/static/images/canvas/penal_arr.svg)no-repeat center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
h2{
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
|
||||
.penal-table-wrap{
|
||||
display: none;
|
||||
position: absolute;
|
||||
@ -1092,11 +885,9 @@
|
||||
background-color: #3D3D3D;
|
||||
border: 1px solid #3D3D3D;
|
||||
padding: 20px;
|
||||
|
||||
.penal-table{
|
||||
table-layout: fixed;
|
||||
border-collapse: collapse;
|
||||
|
||||
thead{
|
||||
th{
|
||||
text-align: center;
|
||||
@ -1107,7 +898,6 @@
|
||||
border: 1px solid #505050;
|
||||
}
|
||||
}
|
||||
|
||||
tbody{
|
||||
td{
|
||||
font-size: 12px;
|
||||
@ -1120,19 +910,15 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.act{
|
||||
border: 1px solid #3D3D3D;
|
||||
background-color: #3D3D3D;
|
||||
|
||||
h2{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&::before{
|
||||
background: url(../../public/static/images/canvas/penal_arr_white.svg)no-repeat center;
|
||||
}
|
||||
|
||||
.penal-table-wrap{
|
||||
display: block;
|
||||
}
|
||||
|
||||
@ -787,7 +787,6 @@ $alert-color: #101010;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
padding-bottom: 14px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.eaves-keraba-td {
|
||||
|
||||
@ -5,17 +5,14 @@
|
||||
text-size-adjust: none;
|
||||
box-sizing: content-box
|
||||
}
|
||||
|
||||
*, ::after, ::before {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html, body{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
@ -39,42 +36,33 @@ time, mark, audio, video {
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
font-smooth: never;
|
||||
}
|
||||
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
body:first-of-type caption {
|
||||
display: none;
|
||||
}
|
||||
body:first-of-type caption { display:none;}
|
||||
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: separate;
|
||||
border-spacing:0;
|
||||
border:0 none;
|
||||
}
|
||||
|
||||
caption, th, td {
|
||||
text-align:left;
|
||||
font-weight: normal;
|
||||
@ -85,17 +73,14 @@ a {
|
||||
cursor:pointer;
|
||||
color:#000;
|
||||
}
|
||||
|
||||
a, a:hover, a:active {
|
||||
text-decoration:none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
/*form_style*/
|
||||
input, select, textarea, button, a, label {
|
||||
-webkit-tap-highlight-color:rgba(0,0,0,0);
|
||||
}
|
||||
|
||||
button,input[type=text], input[type=button] {
|
||||
-webkit-appearance: none;
|
||||
-webkit-border-radius: 0;
|
||||
@ -103,28 +88,23 @@ button, input[type=text], input[type=button] {
|
||||
appearance: none;
|
||||
border-radius: 0
|
||||
}
|
||||
|
||||
input[type=checkbox], input[type=radio] {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input, select, button {
|
||||
border:0 none;
|
||||
outline:none;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
select {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
select::-ms-expand {
|
||||
display: none;
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
line-height:1;
|
||||
font-weight:300;
|
||||
@ -132,11 +112,9 @@ select::-ms-expand {
|
||||
letter-spacing:-0.6px;
|
||||
color:#8b8b8b;
|
||||
}
|
||||
|
||||
.log-box ::-webkit-input-placeholder{
|
||||
color:#8b8b8b;
|
||||
}
|
||||
|
||||
button{
|
||||
background: transparent;
|
||||
font-family: 'Noto Sans JP', sans-serif;
|
||||
@ -148,72 +126,28 @@ button {
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.pre{
|
||||
font-family: 'Pretendard', sans-serif !important;
|
||||
}
|
||||
|
||||
// margin
|
||||
.mt5 {
|
||||
margin-top: 5px !important;
|
||||
}
|
||||
|
||||
.mt10 {
|
||||
margin-top: 10px !important;
|
||||
}
|
||||
|
||||
.mt15 {
|
||||
margin-top: 15px !important;
|
||||
}
|
||||
|
||||
.mb5 {
|
||||
margin-bottom: 5px !important;
|
||||
}
|
||||
|
||||
.mb10 {
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
|
||||
.mb15 {
|
||||
margin-bottom: 15px !important;
|
||||
}
|
||||
|
||||
.mr5 {
|
||||
margin-right: 5px !important;
|
||||
}
|
||||
|
||||
.mr10 {
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
|
||||
.mr15 {
|
||||
margin-right: 15px !important;
|
||||
}
|
||||
|
||||
.ml5 {
|
||||
margin-left: 5px !important;
|
||||
}
|
||||
|
||||
.ml10 {
|
||||
margin-left: 10px !important;
|
||||
}
|
||||
|
||||
.ml15 {
|
||||
margin-left: 15px !important;
|
||||
}
|
||||
.mt5{margin-top: 5px !important;}
|
||||
.mt10{margin-top: 10px !important;}
|
||||
.mt15{margin-top: 15px !important;}
|
||||
.mb5{margin-bottom: 5px !important;}
|
||||
.mb10{margin-bottom: 10px !important;}
|
||||
.mb15{margin-bottom: 15px !important;}
|
||||
.mr5{margin-right: 5px !important;}
|
||||
.mr10{margin-right: 10px !important;}
|
||||
.mr15{margin-right: 15px !important;}
|
||||
.ml5{margin-left: 5px !important;}
|
||||
.ml10{margin-left: 10px !important;}
|
||||
.ml15{margin-left: 15px !important;}
|
||||
|
||||
// align
|
||||
.l {
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
.r {
|
||||
text-align: right !important;
|
||||
}
|
||||
|
||||
.c {
|
||||
text-align: center !important;
|
||||
}
|
||||
.al-l{text-align: left !important;}
|
||||
.al-r{text-align: right !important;}
|
||||
.al-c{text-align: center !important;}
|
||||
|
||||
|
||||
// button
|
||||
@ -231,11 +165,9 @@ button {
|
||||
font-family: 'Pretendard', sans-serif;
|
||||
transition: all .17s ease-in-out;
|
||||
cursor: pointer;
|
||||
|
||||
&.block{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&.small{
|
||||
font-family: 'Noto Sans JP', sans-serif;
|
||||
height: 30px;
|
||||
@ -247,23 +179,19 @@ button {
|
||||
background-color: #2C2C2C;
|
||||
border: 1px solid #484848;
|
||||
}
|
||||
|
||||
&.gray{
|
||||
background-color: #3C3C3C;
|
||||
border: 1px solid #545454;
|
||||
}
|
||||
|
||||
&.dark{
|
||||
background-color: #1C1C1C;
|
||||
border: 1px solid #484848;
|
||||
}
|
||||
|
||||
&.modal{
|
||||
font-family: 'Noto Sans JP', sans-serif;
|
||||
background-color: #272727;
|
||||
border: 1px solid #484848;
|
||||
color: #aaa;
|
||||
|
||||
&:hover{
|
||||
background-color: #1083E3;
|
||||
border: 1px solid #1083E3;
|
||||
@ -271,7 +199,6 @@ button {
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
&.sub-tab{
|
||||
height: 30px;
|
||||
padding: 0 10px;
|
||||
@ -280,7 +207,6 @@ button {
|
||||
background-color: #2D2D2D;
|
||||
border: 1px solid #393939;
|
||||
color: #aaa;
|
||||
|
||||
&.act,
|
||||
&:hover{
|
||||
background-color: #414E6C;
|
||||
@ -289,7 +215,6 @@ button {
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&.act{
|
||||
background-color: #1083E3;
|
||||
@ -297,20 +222,16 @@ button {
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
&.block{
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&.ico-flx{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.ico{
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&.act{
|
||||
font-weight: 400;
|
||||
@ -328,18 +249,14 @@ button {
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
transition: all .15s ease-in-out;
|
||||
|
||||
&.navy{
|
||||
background-color: #304961;
|
||||
|
||||
&:hover{
|
||||
background-color: #1083E3;
|
||||
}
|
||||
}
|
||||
|
||||
&.grey{
|
||||
background-color: #94A0AD;
|
||||
|
||||
&:hover{
|
||||
background-color: #607F9A;
|
||||
}
|
||||
@ -360,13 +277,11 @@ button {
|
||||
border-top-left-radius: 2px;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
|
||||
p{
|
||||
font-size: 13px;
|
||||
color: #fff;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.select-item-wrap{
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
@ -382,41 +297,34 @@ button {
|
||||
transition: all 0.17s ease-in-out;
|
||||
visibility: hidden;
|
||||
z-index: 999;
|
||||
|
||||
.select-item{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 8px 20px;
|
||||
line-height: 1.4;
|
||||
transition: all .17s ease-in-out;
|
||||
|
||||
button{
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
&:hover{
|
||||
background-color: #2C2C2C;
|
||||
}
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 2px;
|
||||
background-color: transparent;
|
||||
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background-color: #5a5a5a;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar-track {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
&::after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
@ -429,13 +337,11 @@ button {
|
||||
background-size: cover;
|
||||
transition: all .17s ease-in-out;
|
||||
}
|
||||
|
||||
&.active{
|
||||
.select-item-wrap{
|
||||
clip-path: inset(0 0 0 0);
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
&:after{
|
||||
transform: translateY(-50%) rotate(-180deg);
|
||||
}
|
||||
@ -455,18 +361,15 @@ button {
|
||||
color: #45576F;
|
||||
font-family: 'Noto Sans JP', sans-serif;
|
||||
cursor: pointer;
|
||||
|
||||
&:disabled{
|
||||
opacity: 1;
|
||||
background-color: #FAFAFA;
|
||||
color: #999;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
&.black{
|
||||
color: #101010;
|
||||
}
|
||||
|
||||
&.dark{
|
||||
background: #323234 url(../../public/static/images/common/select_dark_arr.svg) calc(100% - 11px) center no-repeat;
|
||||
color: #898989;
|
||||
@ -487,7 +390,6 @@ button {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
input[type=number],
|
||||
input[type=text]{
|
||||
&.input-origin{
|
||||
@ -503,28 +405,23 @@ input[type=text] {
|
||||
padding: 0 10px;
|
||||
letter-spacing: 0px;
|
||||
text-align: right;
|
||||
|
||||
&::placeholder{
|
||||
opacity: 1;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
&.block{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&:read-only{
|
||||
color: #AAA;
|
||||
}
|
||||
|
||||
&.plane{
|
||||
font-family: 'Noto Sans JP', sans-serif;
|
||||
border: 1px solid #525252;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
&.input-light{
|
||||
display: block;
|
||||
width: 100%;
|
||||
@ -539,7 +436,6 @@ input[type=text] {
|
||||
font-weight: normal;
|
||||
transition: border-color .17s ease-in-out;
|
||||
text-align: left;
|
||||
|
||||
&:read-only{
|
||||
background-color: #FAFAFA;
|
||||
color: #999999;
|
||||
@ -548,6 +444,7 @@ input[type=text] {
|
||||
}
|
||||
|
||||
|
||||
|
||||
// check-btn
|
||||
.check-btn{
|
||||
display: flex;
|
||||
@ -556,7 +453,6 @@ input[type=text] {
|
||||
background-color: #3A3A3A;
|
||||
border-radius: 3px;
|
||||
transition: all .17s ease-in-out;
|
||||
|
||||
.check-area{
|
||||
flex: none;
|
||||
width: 30px;
|
||||
@ -565,27 +461,22 @@ input[type=text] {
|
||||
background: url(../../public/static/images/canvas/check-grey.svg)no-repeat center;
|
||||
background-size: 11px 9px;
|
||||
}
|
||||
|
||||
.title-area{
|
||||
padding: 0 10px;
|
||||
font-size: 12px;
|
||||
color: #898989;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
&.block{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&.act{
|
||||
background-color: #fff;
|
||||
|
||||
.check-area{
|
||||
border-right: 1px solid #101010;
|
||||
background: url(../../public/static/images/canvas/check-black.svg)no-repeat center;
|
||||
}
|
||||
|
||||
.title-area{
|
||||
color: #101010;
|
||||
font-weight: 600;
|
||||
@ -602,14 +493,12 @@ input[type=text] {
|
||||
padding: 0 11px;
|
||||
text-align: left;
|
||||
transition: all .17s ease-in-out;
|
||||
|
||||
span{
|
||||
position: relative;
|
||||
font-size: 12px;
|
||||
color: #898989;
|
||||
font-weight: 400;
|
||||
padding-right: 15px;
|
||||
|
||||
&:after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
@ -621,34 +510,27 @@ input[type=text] {
|
||||
background: url(../../public/static/images/canvas/arr_btn_ico.svg)no-repeat center;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&.act{
|
||||
background-color: #fff;
|
||||
|
||||
span{
|
||||
color: #101010;
|
||||
font-weight: 500;
|
||||
|
||||
&:after{
|
||||
background: url(../../public/static/images/canvas/arr_btn_ico_black.svg)no-repeat center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.dark{
|
||||
text-align: center;
|
||||
background-color: #272727;
|
||||
border: 1px solid #484848;
|
||||
|
||||
span{
|
||||
color: #Fff;
|
||||
|
||||
&:after{
|
||||
background: url(../../public/static/images/canvas/arr_btn_ico_white.svg)no-repeat center;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&.act{
|
||||
background-color: #1083E3;
|
||||
@ -662,7 +544,6 @@ input[type=text] {
|
||||
.d-check-box{
|
||||
line-height: 1.1;
|
||||
cursor: pointer;
|
||||
|
||||
input[type=checkbox],
|
||||
input[type=radio]{
|
||||
position: static;
|
||||
@ -672,7 +553,6 @@ input[type=text] {
|
||||
z-index: 1;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
label{
|
||||
position: relative;
|
||||
padding-left: 10px;
|
||||
@ -686,13 +566,11 @@ input[type=text] {
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&.light{
|
||||
label{
|
||||
color: #45576F;
|
||||
}
|
||||
}
|
||||
|
||||
&.no-text{
|
||||
label{
|
||||
padding-left: 0;
|
||||
@ -720,7 +598,6 @@ input[type=text] {
|
||||
line-height:1.4;
|
||||
transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
&::after{
|
||||
cursor: pointer;
|
||||
content: "";
|
||||
@ -742,34 +619,28 @@ input[type=text] {
|
||||
transition: opacity 0.15s ease-in-out, color 0.15s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
&.light{
|
||||
label{
|
||||
&:before{
|
||||
border-color: #D6D6D7;
|
||||
}
|
||||
|
||||
&:after{
|
||||
background-color: #697C8F;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input[type=radio]:checked + label::after{
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
&.pop{
|
||||
label{
|
||||
font-size: 12px;
|
||||
|
||||
&:before{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
&:after{
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
@ -796,7 +667,6 @@ input[type=text] {
|
||||
background-color: transparent;
|
||||
transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
&:after{
|
||||
cursor: pointer;
|
||||
content: "";
|
||||
@ -810,7 +680,6 @@ input[type=text] {
|
||||
transition: border 0.05s ease-in-out, color 0.05s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked + label::after{
|
||||
content: "";
|
||||
display: inline-block;
|
||||
@ -825,7 +694,6 @@ input[type=text] {
|
||||
transform: translate(7.75px,4.5px) rotate(45deg);
|
||||
-ms-transform: translate(7.75px,4.5px) rotate(45deg);
|
||||
}
|
||||
|
||||
&.pop{
|
||||
input[type=checkbox]:checked + label::after{
|
||||
border-color: #fff;
|
||||
@ -835,14 +703,10 @@ input[type=text] {
|
||||
|
||||
// date-picker
|
||||
.date-picker{
|
||||
svg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
svg{display: none;}
|
||||
.react-datepicker-wrapper{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
input[type=text]{
|
||||
display: block;
|
||||
width: 100%;
|
||||
|
||||
@ -9,7 +9,6 @@ table {
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.al-l{
|
||||
text-align: left !important;
|
||||
}
|
||||
@ -21,7 +20,6 @@ table {
|
||||
border: 1px solid #ECF0F4;
|
||||
border-radius: 3px;
|
||||
border-collapse:collapse;
|
||||
|
||||
tbody{
|
||||
th{
|
||||
font-size: 13px;
|
||||
@ -32,7 +30,6 @@ table {
|
||||
background-color: #F7F9FA;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
td{
|
||||
padding: 9px;
|
||||
border: 1px solid #ECF0F4 ;
|
||||
@ -40,20 +37,16 @@ table {
|
||||
font-weight: 400;
|
||||
color: #45576F;
|
||||
vertical-align: middle;
|
||||
|
||||
.radio-wrap{
|
||||
flex: none;
|
||||
@include flexbox;
|
||||
}
|
||||
|
||||
.form-flex-wrap{
|
||||
@include flexbox;
|
||||
}
|
||||
|
||||
.date-picker-wrap{
|
||||
width: 100%;
|
||||
@include flexbox;
|
||||
|
||||
span{
|
||||
margin: 0 4px;
|
||||
}
|
||||
@ -61,7 +54,6 @@ table {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.bt-able{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
@ -72,7 +64,6 @@ table {
|
||||
border-top: 1px solid #DEE3EA;
|
||||
border-bottom: 1px solid #DEE3EA;
|
||||
border-collapse:collapse;
|
||||
|
||||
tbody{
|
||||
tr{
|
||||
th{
|
||||
@ -81,12 +72,10 @@ table {
|
||||
font-weight: 500;
|
||||
padding: 18px 0;
|
||||
border-bottom: 1px solid #F4F4F7;
|
||||
|
||||
.title{
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
td{
|
||||
padding: 0 0 0 15px;
|
||||
border-bottom: 1px solid #F4F4F7;
|
||||
@ -97,27 +86,21 @@ table {
|
||||
font-weight: normal;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
span{
|
||||
font-size: 13px;
|
||||
color: #697C8F;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child{
|
||||
th, td {
|
||||
border-bottom: none;
|
||||
th,td{border-bottom: none;}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.flx-box{
|
||||
@include flexbox;
|
||||
}
|
||||
}
|
||||
|
||||
.tooltips{
|
||||
display: block;
|
||||
width: 14px;
|
||||
@ -133,12 +116,10 @@ table {
|
||||
table{
|
||||
table-layout: fixed;
|
||||
border-collapse: collapse;
|
||||
|
||||
thead{
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
|
||||
th{
|
||||
padding: 13px 0;
|
||||
font-size: 13px;
|
||||
@ -148,17 +129,14 @@ table {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
tbody{
|
||||
display: block;
|
||||
overflow-y: auto;
|
||||
|
||||
tr{
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
border: 1px solid #ECF0F4;
|
||||
|
||||
td{
|
||||
padding: 10px 0px;
|
||||
font-size: 13px;
|
||||
@ -167,27 +145,20 @@ table {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 4px;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background-color: #C1CCD7;
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar-track {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
&.small{
|
||||
tbody {
|
||||
height: 120px;
|
||||
tbody{height: 120px;}
|
||||
}
|
||||
}
|
||||
|
||||
&.big{
|
||||
td,
|
||||
th{
|
||||
@ -195,10 +166,8 @@ table {
|
||||
width: 121px;
|
||||
}
|
||||
}
|
||||
|
||||
tbody{
|
||||
height: 160px;
|
||||
|
||||
td{
|
||||
padding: 10px 20px;
|
||||
}
|
||||
@ -209,7 +178,28 @@ table {
|
||||
|
||||
.roof-module-table{
|
||||
table{
|
||||
table-layout: fixed;
|
||||
border-collapse: collapse;
|
||||
thead{
|
||||
th{
|
||||
height: 40px;
|
||||
padding: 0 10px;
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
border: 1px solid #505050;
|
||||
vertical-align: middle;
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
text-align: center;
|
||||
word-break: keep-all;
|
||||
}
|
||||
}
|
||||
tbody{
|
||||
td{
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
border: 1px solid #505050;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user