diff --git a/hymes_scss/inc/css/.sass-cache/2a1f09393a94b62ac0fc1ea4bf7da55091449229/_color.scssc b/hymes_scss/inc/css/.sass-cache/2a1f09393a94b62ac0fc1ea4bf7da55091449229/_color.scssc new file mode 100644 index 0000000..9017723 Binary files /dev/null and b/hymes_scss/inc/css/.sass-cache/2a1f09393a94b62ac0fc1ea4bf7da55091449229/_color.scssc differ diff --git a/hymes_scss/inc/css/.sass-cache/2a1f09393a94b62ac0fc1ea4bf7da55091449229/_common.scssc b/hymes_scss/inc/css/.sass-cache/2a1f09393a94b62ac0fc1ea4bf7da55091449229/_common.scssc new file mode 100644 index 0000000..7cbbd7b Binary files /dev/null and b/hymes_scss/inc/css/.sass-cache/2a1f09393a94b62ac0fc1ea4bf7da55091449229/_common.scssc differ diff --git a/hymes_scss/inc/css/.sass-cache/7810e383da334f5892091a1d1231735a7db31276/_login.scssc b/hymes_scss/inc/css/.sass-cache/7810e383da334f5892091a1d1231735a7db31276/_login.scssc new file mode 100644 index 0000000..c17205f Binary files /dev/null and b/hymes_scss/inc/css/.sass-cache/7810e383da334f5892091a1d1231735a7db31276/_login.scssc differ diff --git a/hymes_scss/inc/css/.sass-cache/7810e383da334f5892091a1d1231735a7db31276/_main.scssc b/hymes_scss/inc/css/.sass-cache/7810e383da334f5892091a1d1231735a7db31276/_main.scssc new file mode 100644 index 0000000..1c61d26 Binary files /dev/null and b/hymes_scss/inc/css/.sass-cache/7810e383da334f5892091a1d1231735a7db31276/_main.scssc differ diff --git a/hymes_scss/inc/css/.sass-cache/8ea35d05d66713c37a4b23c333f9c901c82ef530/style.scssc b/hymes_scss/inc/css/.sass-cache/8ea35d05d66713c37a4b23c333f9c901c82ef530/style.scssc new file mode 100644 index 0000000..7efec58 Binary files /dev/null and b/hymes_scss/inc/css/.sass-cache/8ea35d05d66713c37a4b23c333f9c901c82ef530/style.scssc differ diff --git a/hymes_scss/inc/css/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_header.scssc b/hymes_scss/inc/css/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_header.scssc new file mode 100644 index 0000000..695bb28 Binary files /dev/null and b/hymes_scss/inc/css/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_header.scssc differ diff --git a/hymes_scss/inc/css/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_scrollbar.scssc b/hymes_scss/inc/css/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_scrollbar.scssc new file mode 100644 index 0000000..d4f27d6 Binary files /dev/null and b/hymes_scss/inc/css/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_scrollbar.scssc differ diff --git a/hymes_scss/inc/css/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_search.scssc b/hymes_scss/inc/css/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_search.scssc new file mode 100644 index 0000000..c9201d2 Binary files /dev/null and b/hymes_scss/inc/css/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_search.scssc differ diff --git a/hymes_scss/inc/css/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_sidebar.scssc b/hymes_scss/inc/css/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_sidebar.scssc new file mode 100644 index 0000000..6f8201a Binary files /dev/null and b/hymes_scss/inc/css/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_sidebar.scssc differ diff --git a/hymes_scss/inc/css/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_table.scssc b/hymes_scss/inc/css/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_table.scssc new file mode 100644 index 0000000..72e1884 Binary files /dev/null and b/hymes_scss/inc/css/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_table.scssc differ diff --git a/hymes_scss/inc/css/scss/.sass-cache/2a1f09393a94b62ac0fc1ea4bf7da55091449229/_color.scssc b/hymes_scss/inc/css/scss/.sass-cache/2a1f09393a94b62ac0fc1ea4bf7da55091449229/_color.scssc new file mode 100644 index 0000000..fd55926 Binary files /dev/null and b/hymes_scss/inc/css/scss/.sass-cache/2a1f09393a94b62ac0fc1ea4bf7da55091449229/_color.scssc differ diff --git a/hymes_scss/inc/css/scss/.sass-cache/2a1f09393a94b62ac0fc1ea4bf7da55091449229/_common.scssc b/hymes_scss/inc/css/scss/.sass-cache/2a1f09393a94b62ac0fc1ea4bf7da55091449229/_common.scssc new file mode 100644 index 0000000..0691f5f Binary files /dev/null and b/hymes_scss/inc/css/scss/.sass-cache/2a1f09393a94b62ac0fc1ea4bf7da55091449229/_common.scssc differ diff --git a/hymes_scss/inc/css/scss/.sass-cache/7810e383da334f5892091a1d1231735a7db31276/_login.scssc b/hymes_scss/inc/css/scss/.sass-cache/7810e383da334f5892091a1d1231735a7db31276/_login.scssc new file mode 100644 index 0000000..595e4a3 Binary files /dev/null and b/hymes_scss/inc/css/scss/.sass-cache/7810e383da334f5892091a1d1231735a7db31276/_login.scssc differ diff --git a/hymes_scss/inc/css/scss/.sass-cache/7810e383da334f5892091a1d1231735a7db31276/_main.scssc b/hymes_scss/inc/css/scss/.sass-cache/7810e383da334f5892091a1d1231735a7db31276/_main.scssc new file mode 100644 index 0000000..900a901 Binary files /dev/null and b/hymes_scss/inc/css/scss/.sass-cache/7810e383da334f5892091a1d1231735a7db31276/_main.scssc differ diff --git a/hymes_scss/inc/css/scss/.sass-cache/8ea35d05d66713c37a4b23c333f9c901c82ef530/style.scssc b/hymes_scss/inc/css/scss/.sass-cache/8ea35d05d66713c37a4b23c333f9c901c82ef530/style.scssc new file mode 100644 index 0000000..a9a87d9 Binary files /dev/null and b/hymes_scss/inc/css/scss/.sass-cache/8ea35d05d66713c37a4b23c333f9c901c82ef530/style.scssc differ diff --git a/hymes_scss/inc/css/scss/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_header.scssc b/hymes_scss/inc/css/scss/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_header.scssc new file mode 100644 index 0000000..5af5d98 Binary files /dev/null and b/hymes_scss/inc/css/scss/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_header.scssc differ diff --git a/hymes_scss/inc/css/scss/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_scrollbar.scssc b/hymes_scss/inc/css/scss/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_scrollbar.scssc new file mode 100644 index 0000000..ec8507c Binary files /dev/null and b/hymes_scss/inc/css/scss/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_scrollbar.scssc differ diff --git a/hymes_scss/inc/css/scss/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_search.scssc b/hymes_scss/inc/css/scss/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_search.scssc new file mode 100644 index 0000000..81cfbf6 Binary files /dev/null and b/hymes_scss/inc/css/scss/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_search.scssc differ diff --git a/hymes_scss/inc/css/scss/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_sidebar.scssc b/hymes_scss/inc/css/scss/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_sidebar.scssc new file mode 100644 index 0000000..bb8f49e Binary files /dev/null and b/hymes_scss/inc/css/scss/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_sidebar.scssc differ diff --git a/hymes_scss/inc/css/scss/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_table.scssc b/hymes_scss/inc/css/scss/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_table.scssc new file mode 100644 index 0000000..66f312b Binary files /dev/null and b/hymes_scss/inc/css/scss/.sass-cache/f38f740377e659d981be9d3c392e2014c6756944/_table.scssc differ diff --git a/hymes_scss/inc/css/scss/common/_color.scss b/hymes_scss/inc/css/scss/common/_color.scss new file mode 100644 index 0000000..52c2a3e --- /dev/null +++ b/hymes_scss/inc/css/scss/common/_color.scss @@ -0,0 +1,13 @@ +// 컬러 +$blue-001: #4A5ED2; +$blue-002: #CFD5FC; +$blue-003: #E1E4F9; +$blue-004: #1F2859; +$blue-005: #162788; +$blue-006: #b9c4ff; +$gray-001: #B0B0B0; +$gray-002: #e9e9e9; +$gray-003: #D9D9D9; +$gray-004: #c7c7c7; + +$red: #FFD2D2; diff --git a/hymes_scss/inc/css/scss/common/_common.scss b/hymes_scss/inc/css/scss/common/_common.scss new file mode 100644 index 0000000..93df1dd --- /dev/null +++ b/hymes_scss/inc/css/scss/common/_common.scss @@ -0,0 +1,449 @@ +// 공통 +html, +body { + margin: 0; + overflow: hidden; +} + +* { + font-family: "Pretendard"; + font-size: 13px; + font-weight: 400; +} + +li, +label, +input, +button, +a { + cursor: pointer; +} + +ul, +li, +ol, +a { + list-style: none; + text-decoration: none; + margin: 0; + padding: 0; +} + +// 버튼 디자인 +button { + display: inline-flex; + justify-content: center; + align-items: center; + gap: 2px; +} + +.point-btn { + border: solid 1px #828282; + background-color: #828282; + color: rgba(255, 255, 255, 0.973); + border-radius: 3px; + padding: 8px 30px !important; + + text-wrap: nowrap; + font-size: 13px; +} +.point-btn:hover { + color: #828282; + background-color: rgba(255, 255, 255, 0.973); +} + +.basic-btn { + border: solid 2px transparent; + border-radius: 5px; + background-color: $blue-005; + color: white; + font-size: 13px; +} + +.basic-btn:hover { + background-color: white; + border: solid 2px $blue-005; + color: $blue-005; +} +.reverse-btn:hover { + background-color: $blue-005; + border: solid 2px transparent; + color: white; +} + +.reverse-btn { + background-color: white; + border: solid 2px $blue-005; + color: $blue-005; + border-radius: 5px; + font-size: 13px; +} + +.btn-danger { + height: 100%; + border: solid 2px red; + border-radius: 3px; + color: red; + background-color: white; + + &:hover { + background-color: red; + color: white; + } +} +.close-btn { + border: solid 2px #cf5b5b; + color: white; + background-color: #cf5b5b; + + border-radius: 3px; + + &:hover { + background-color: white; + color: #cf5b5b; + } +} +.run-btn { + border: solid 2px #5b73cf; + color: white; + background-color: #5b73cf; + + border-radius: 3px; + + &:hover { + background-color: white; + color: #5b73cf; + } +} +.norun-btn { + border: solid 2px #f3da8f; + color: white; + background-color: #f3da8f; + + border-radius: 3px; + + &:hover { + background-color: white; + color: #f3da8f; + } +} + +.disabled-btn { + background-color: rgba(255, 255, 255, 0.973); + color: #dddddd; + border-color: #e9e9e9; + cursor: default; + + &:hover { + background-color: rgba(255, 255, 255, 0.973); + color: #dddddd; + border-color: #e9e9e9; + } +} + +.tab-btn { + background-color: white; + color: black; + border: solid 1px $gray-004; + height: 30px; + width: 25%; + border-right: none; + cursor: pointer; + + &:hover { + background-color: $gray-004; + color: white; + } +} + +.left-round{ + border-radius: 50px 0px 0px 50px; +} + +.right-round{ + border-radius: 0px 50px 50px 0px; + border-right: solid 1px $gray-004; +} + +// 전체 프레임 +.have-image { + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} + +.container { + height: calc(100vh - 48px); + display: flex; + justify-content: center; +} + +.container .main-part { + width: calc(100% - 280px); + height: 100%; + display: flex; + flex-direction: column; +} + +.breadcrumb { + .inner-container { + padding: 20px 15px; + + a, i { + font-size: 15px; + } + + a:nth-of-type(3) { + font-size: 20px; + color: #1F2859; + font-weight: 700; + } + } +} + +.sub-container { + width: 49%; + height: calc(100% - 25px); + + .button-box { + &.main-table { + display: flex; + } + + &.sub-table { + display: none; + } + } +} + +.tab-menu { + gap: 5px; + border-bottom: solid 2px #162788; + + li { + border-left: solid 2px #162788; + border-right: solid 2px #162788; + border-top: solid 2px #162788; + border-radius: 5px 5px 0 0; + padding: 7px 12px; + background-color: white; + color: #162788; + + min-width: 80px; + text-align: center; + font-size: 13px; + font-weight: 500; + + &:hover{ + background-color: #162788; + color: white; + } + + &.on { + background-color: #162788; + color: white; + } + } +} +.tab-container { + height: 98%; + + + > div { + display: none; + height: calc(100vh - 320px); + + .table-box:first-of-type, .tab-box:first-of-type { + width: 100%; + position: relative; + + .table-title { + position: absolute; + top: -35px; + right: 0; + margin-bottom: 15px; + } + } + + &.on { + display: flex; + } + } +} + + + + +// item 탭메뉴 +// .sub-container { +// width: 49%; +// height: calc(100% - 25px); + +// .tab-menu { +// gap: 5px; +// margin-bottom: 10px; +// border-bottom: solid 2px $blue-005; + +// li { +// border-left: solid 2px $blue-005; +// border-right: solid 2px $blue-005; +// border-top: solid 2px $blue-005; +// border-radius: 5px 5px 0px 0px; +// padding: 10px 12px; +// color: black; +// } +// .first-tab { +// background-color: $blue-005; +// color: white; +// } +// } + +// .first-table-container { +// display: flex; +// height: calc(100% - 20px); +// } +// .second-table-container { +// display: none; +// height: calc(100% - 20px); +// } +// &.on { +// .first-tab { +// background-color: white; +// color: black; +// } +// .second-tab { +// background-color: $blue-005; +// color: white; +// } +// .first-table-container { +// display: none; +// } +// .second-table-container { +// display: flex; +// } +// } +// } + +// 메인 프레임 +.table-title { + display: flex; + justify-content: space-between; + align-items: end; + height: 32px; + + p { + font-size: 16px; + margin: 0; + text-wrap: nowrap; + } +} + +.contents-container { + height: calc(100vh - 235px); + width: 100%; + + &.full-height { + height: 100%; + } + + .table-container { + width: 100%; + height: 98%; + margin: 10px 0 30px 0; + + .inner-container { + width: calc(100% - 80px); + height: calc(100% - 24px); + border-radius: 5px; + border: 1px solid $gray-002; + padding: 24px 15px 0px 15px; + + .sub-table { + .table-box { + width: 49%; + } + } + } + } +} +.table-container { + height: 90%; + margin-top: 10px; +} +.inner-container { + margin: 0 25px; + padding: 0 15px; + > .flexrow, + > .flexcol { + height: calc(100% - 15px); + } +} + +.table-box { + width: 100%; + height: 98%; +} +.sub-table, .inner-container{ + + &.flexrow { + width: 100%; + > .table-box { + width: 49%; + } + > .flexcol { + width: 49%; + } + } +} +.flexcol { + width: 100%; + height: 100%; + > .table-box { + width: 100%; + height: 49%; + } + > .flexrow { + height: 49%; + } +} + + +.tb-height-full { + height: calc(100vh - 320px); +} + +.tb-height-half { + height: calc(50vh - 205px); +} + +.tb-height-30 { + height: calc(100vh - 600px); +} + +.label-tag{ + display: flex; + justify-content: center; + align-items: center; + height: 25px; + width: 60px; + border-radius: 5px; + + span{ + width: 6px; + height: 100%; + margin-right: 9px; + } +} + +.blue-back{ + background-color: #d2e7ff; +} +.green-back{ + background-color: #d2ffd5; +} +.orange-back{ + background-color: #ffe0d2; +} +.gray-back{ + background-color: #d9d9d9; +} \ No newline at end of file diff --git a/hymes_scss/inc/css/scss/component/_form.scss b/hymes_scss/inc/css/scss/component/_form.scss new file mode 100644 index 0000000..5041e1f --- /dev/null +++ b/hymes_scss/inc/css/scss/component/_form.scss @@ -0,0 +1,257 @@ +form { + height: 100%; + + // 현장 작업자 실적등록 팝업 + &[name=frmWorkData]{ + width: 80vw; + + &>div{ + width: 100%; + + &.form-button-container{ + height: 80px; + border-radius: 5px; + border: 1px solid #e9e9e9; + background: #FAFAFA; + display: flex; + align-items: center; + width: 100%; + padding: 0 20px; + box-sizing: border-box; + + button{ + width: 150px; + height: 40px; + } + + } + + &.form-contents{ + .info-container{ + height: fit-content; + width: 50%; + } + .detail-container{ + height: 510px; + width: 50%; + overflow: hidden; + + .detail-contents{ + width: 100%; + + .form-header{ + width: 100%; + + textarea{ + height: 100px; + } + + .add-btn{ + margin-right: 10px; + } + } + .table-box{ + width: 100%; + height: calc(100% - 70px); + + &>div{ + width: 100%; + } + .tab-menu{ + width: 100%; + } + .table-title{ + width: 99%; + + .button-box{ + width: 100%; + margin-top: 10px; + } + } + + .hy-table{ + margin: 0; + } + + } + } + .height-full{ + height: 100% !important; + } + .height-89{ + height: 89% !important; + } + .height-half{ + height: calc(100% - 220px) !important; + } + .round-tab-box{ + width: calc(100% - 120px); + } + } + + } + } + } + + // 설비관리 대장 팝업 + &[name=frmFacility]{ + width: 800px; + height: 525px; + } + + // 거래처 등록 팝업 + &[name=frmPartner]{ + width: 800px; + min-height: 525px; + height: 70vh; + } + + .add-btn, .remove-btn { + padding: 7px 12px; + cursor: pointer; + } + + .form-contents { + height: 70% !important; + overflow: hidden; + + .form-box { + overflow: auto; + background: #F6F6FC; + height: 100%; + padding: 20px 0px; + + .input-container { + width: calc(100% - 10px); + height: -moz-fit-content; + height: fit-content; + flex-wrap: wrap; + + .input-box { + width: 100%; + height: -moz-fit-content; + height: fit-content; + align-items: center; + + label, .input-title { + display: inline-block; + width: 100px; + padding-right: 10px; + margin: 0; + text-align: end; + } + input[type=button]{ + width: 80px; + margin: 0 15px; + text-align: center; + } + + label.form_toggle, .input-title.form_toggle { + text-align: start; + } + + .check-label { + display: inline-flex; + width: 100px; + align-items: center; + + label { + width: auto; + } + } + + input[type=text], input[type=tel], input[type=datetime-local], select, textarea { + border: solid 1px #c7c7c7; + box-sizing: border-box; + height: 30px; + width: calc(100% - 120px); + min-width: 100px; + padding: 0px 10px; + + &.sub-input{ + width: calc(100% - 6px); + } + } + + .input-text{ + width: calc(50% - 65px) !important; + text-align: center; + display: inline-block; + } + } + } + } + + .img-container { + padding-right: 10px; + height: 100%; + gap: 5%; + + .img-box { + height: 85%; + width: calc(100% - 2px); + border: solid 1px; + display: flex; + align-items: center; + justify-content: center; + position: relative; + background-color: white; + + .img-cover { + display: none; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(8, 8, 8, 0.322); + justify-content: center; + align-items: center; + + input { + width: 30%; + height: 10%; + text-align: center; + font-size: 1.2em; + } + } + + &:hover .img-cover { + display: flex; + } + } + + label { + height: 10%; + width: 100%; + box-sizing: border-box; + display: flex; + justify-content: center; + align-items: center; + font-size: 1.2em; + + input { + display: none; + } + } + } + } + + .table-box{ + width: 98%; + } + + .btnFindAddr{ + height: 98%; + border-radius: 5px; + border: solid 2px #f38814; + background-color: #f38814; + color: white; + + &:hover{ + background: white; + border: solid 2px #f38814 !important; + color: #f38814; + } + } +} diff --git a/hymes_scss/inc/css/scss/component/_header.scss b/hymes_scss/inc/css/scss/component/_header.scss new file mode 100644 index 0000000..e6e2128 --- /dev/null +++ b/hymes_scss/inc/css/scss/component/_header.scss @@ -0,0 +1,39 @@ +header { + background: $blue-004; + display: flex; + justify-content: space-between; + align-items: center; + height: 48px; + padding: 0px 25px; +} + +header .logo-container { + margin-left: 50px; +} + +header .logo-container .logo-box { + background: url(../img/logo.png); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + height: 36px; + width: 166px; +} + +header .status-menu {} + +header .status-menu ul { + list-style: none; + display: flex; + gap: 10px; +} + +header .status-menu ul li:not(:last-child) { + padding: 0 10px; + border-right: solid 2px $blue-002; +} + +header .status-menu ul li a { + text-decoration: none; + color: $blue-002; +} \ No newline at end of file diff --git a/hymes_scss/inc/css/scss/component/_popup.scss b/hymes_scss/inc/css/scss/component/_popup.scss new file mode 100644 index 0000000..5b1d03b --- /dev/null +++ b/hymes_scss/inc/css/scss/component/_popup.scss @@ -0,0 +1,200 @@ +#awn-popup-wrapper { + display: flex; + align-items: center; + justify-content: center; + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(0, 0, 0, 0.7); + z-index: 10; + + .awn-popup-body { + background: #fff; + box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.2); + border-radius: 5px; + font-size: 14px; + // max-width: 833px; + max-width: max-content; + min-width: 500px; + min-height: 531px; + // max-height: fit-content; + // height: 80vh; + padding: 24px; + position: relative; + word-break: break-word; + + &>div{ + height: 100%; + + .awn-form{ + + .awn-popup-search{ + height: 100%; + } + .table-box{ + padding: 0 10px; + width: calc(100% - 20px); + } + } + } + + .awn-popup-confirm.custom-popup { + height: 500px; + // overflow-y: auto; + // overflow-x: hidden; + overflow: hidden; + &.free-height{ + height: auto; + } + + .awn-popup-title { + font-size: 20px; + margin-bottom: 10px; + + i { + font-size: 20px; + } + } + + .awn-popup-search { + + + .s_exp { + margin: 0 0 10px 0; + color: #1F2859; + } + + .s_fld { + display: flex; + justify-content: flex-end; + gap: 6px; + align-items: center; + height: 32px; + margin-bottom: 10px; + + select, input { + box-sizing: border-box; + height: 100%; + padding: 0 10px; + border-radius: 3px; + border: 1px solid #D9D9D9; + } + + + } + } + + .title-container{ + justify-content: space-between; + } + .awn-popup-content { + max-height: 430px; + height: 100%; + padding: 0 10px; + overflow: auto; + + .tabulator.hy-table{ + height: 85%;; + } + } + .form-contents{ + height: 90% !important; + overflow: auto; + + .form-box{ + height: fit-content; + overflow: visible; + } + } + } + } +} + +#awn-popup-wrapper .awn-popup-body.awn-popup-confirm{ + height: auto; +} + + + + // form{ + // .add-btn, .remove-btn{ + // padding: 7px 12px; + // cursor: pointer; + // } + // .title-container{ + // align-items: center; + // justify-content: space-between; + // padding-bottom: 10px; + // border-bottom: 1px solid; + + // .awn-popup-title{ + // margin: 0; + // } + // .button-box{ + // justify-content: flex-end; + + // button{ + // margin-right: 20px; + // } + // } + // } + // .form-contents{ + // padding-top: 20px; + + // .form-box{ + // padding-bottom: 20px; + // border-bottom: solid 1px; + + // .input-container{ + // width: 100%; + + // .input-box{ + // width: 100%; + + // label, .input-title{ + // display: inline-block; + // width: 100px; + // margin: 0; + + // } + // .check-label{ + // display: inline-flex; + // width: 100px; + // align-items: center; + + // label{ + // width: auto; + // } + // } + // input[type="text"], select{ + // box-sizing: border-box; + // height: 30px; + // width: calc(100% - 120px); + // padding: 0px 10px; + // } + // } + // } + // } + // } + + // .table-box{ + // width: 98%; + // } + + // .btnFindAddr{ + // height: 98%; + // border-radius: 5px; + // border: solid 2px #f38814; + // background-color: #f38814; + // color: white; + + // &:hover{ + // background: white; + // color: #f38814; + // } + // } + // } +// } +// } \ No newline at end of file diff --git a/hymes_scss/inc/css/scss/component/_scrollbar.scss b/hymes_scss/inc/css/scss/component/_scrollbar.scss new file mode 100644 index 0000000..52c7129 --- /dev/null +++ b/hymes_scss/inc/css/scss/component/_scrollbar.scss @@ -0,0 +1,19 @@ +::-webkit-scrollbar { + height: 5px; + width: 5px; +} + +/* 스크롤바 트랙 (바탕) 스타일 */ +::-webkit-scrollbar-track { + background: #f1f1f1; /* 트랙의 배경 색상 */ +} + +/* 스크롤바 핸들 (움직이는 부분) 스타일 */ +::-webkit-scrollbar-thumb { + background: $gray-001; /* 핸들의 배경 색상 */ +} + +/* 스크롤바 핸들:hover 스타일 */ +::-webkit-scrollbar-thumb:hover { + background: #7e7e7e; /* 핸들의 배경 색상(마우스 오버 시) */ +} \ No newline at end of file diff --git a/hymes_scss/inc/css/scss/component/_search.scss b/hymes_scss/inc/css/scss/component/_search.scss new file mode 100644 index 0000000..170c796 --- /dev/null +++ b/hymes_scss/inc/css/scss/component/_search.scss @@ -0,0 +1,106 @@ +.table-header{ + width: 100%; + margin-top: 25px; + + &>div{ + display: flex; + justify-content: space-between; + align-items: center; + gap: 100px; + + height: 84px; + overflow-x: auto; + + border-radius: 5px; + border: 1px solid $gray-002; + background: #FAFAFA; + } + .search-container{ + display: flex; + justify-content: start; + gap: 20px; + font-size: 13px; + + .input-container{ + + &.checkbox-container{ + text-align: center; + align-items: center; + + label{ + display: inline-block; + width: 50px; + } + .input-box{ + justify-content: center; + height: 32px; + align-items: center; + + input{ + display: inline-block; + box-sizing: border-box; + width: 14px; + height: 14px; + } + } + + } + + &>div{ + display: flex; + gap: 2px; + } + } + .input-box{ + position:relative; + + svg{ + position: absolute; + width: 1em; + height: 1em; + right: 10px; + top: 10px; + color: $blue-005; + cursor: pointer; + } + input, select{ + border-radius: 3px; + border: 1px solid $gray-003; + background: #FFF; + height: 32px; + width: 140px; + padding: 0 10px; + box-sizing: border-box; + + } + } + + } + +} + +.table-header .button-container{ + width: 100%; + display: flex; + justify-content: flex-end; + +} + +.button-box{ + display: flex; + justify-content: center; + align-items: center; + gap: 5px; + + button{ + padding: 7px 12px; + } +} + + +// table container +.table-container .button-box{ + justify-content: flex-end; +} + + diff --git a/hymes_scss/inc/css/scss/component/_sidebar.scss b/hymes_scss/inc/css/scss/component/_sidebar.scss new file mode 100644 index 0000000..3e1f729 --- /dev/null +++ b/hymes_scss/inc/css/scss/component/_sidebar.scss @@ -0,0 +1,174 @@ + +.side-nav { + max-width: 280px; + width: 100%; + overflow-y: auto; + height: 100%; + border-right: solid 1px #e9e9e9; + display: flex; + flex-direction: column; + justify-content: space-between; + background: white; +} + +.container.on .side-nav { + width: 88px; + overflow-y: visible; + align-items: center; +} +.container.on .side-nav .side-menu ul.fancytree-plain.fancytree-container { + position: static; +} +.container.on .side-nav .side-menu ul.fancytree-plain.fancytree-container > li { + position: relative; +} +.container.on .side-nav .side-menu ul.fancytree-plain.fancytree-container > li span.fancytree-expander, .container.on .side-nav .side-menu ul.fancytree-plain.fancytree-container > li span.fancytree-title { + display: none; +} +.container.on .side-nav .side-menu ul.fancytree-plain.fancytree-container > li span.fancytree-custom-icon { + margin: 0; +} +.container.on .side-nav .side-menu ul.fancytree-plain.fancytree-container > li ul { + position: absolute; + display: block; + left: 56px; + top: 0; + width: 250px; + background: #e9e9e9; + z-index: 2; + min-height: 52px; + max-height: 294px; + overflow: auto; +} +.container.on .side-nav .side-menu ul.fancytree-plain.fancytree-container > li ul li span.fancytree-title { + color: black; + display: block; +} +.container.on .side-nav .fold-btn-container { + margin: 0 0 30px 0; + padding-left: 0; + width: auto; +} +.container.on .side-nav .fold-btn-container .fold-btn { + transform: rotate(180deg); +} +.container.on .main-part { + width: calc(100% - 88px); +} + +.side-nav .fold-btn-container { + margin-bottom: 30px; + margin-top: 50px; + padding-left: 10%; + width: 80%; +} + +.side-nav .fold-btn-container .fold-btn { + width: 40px; + height: 40px; + background-image: url(../img/foldIcon.svg); + background-size: 17px 19.5px; + border-radius: 5px; + border: 1px solid #e0e0e0; + background-color: #fafafa; + cursor: pointer; +} + +.side-nav .side-menu ul.fancytree-plain.fancytree-container { + border: none; + padding: 0px; +} +.side-nav .side-menu ul.fancytree-plain.fancytree-container > li > span { + border-bottom: solid 1px #e9e9e9; +} +.side-nav .side-menu ul.fancytree-plain.fancytree-container li { + min-height: 72px; +} +.side-nav .side-menu ul.fancytree-plain.fancytree-container li > span { + height: 72px; + display: inline-flex; + align-items: center; +} +.side-nav .side-menu ul.fancytree-plain.fancytree-container li > span:hover span.fancytree-title, .side-nav .side-menu ul.fancytree-plain.fancytree-container li > span:active span.fancytree-title { + color: #3c3c3c; + background-color: transparent; + border: none; +} +.side-nav .side-menu ul.fancytree-plain.fancytree-container li > span > span { + color: #3c3c3c; + font-size: 15px; +} +.side-nav .side-menu ul.fancytree-plain.fancytree-container li > span > span.fancytree-custom-icon { + color: #98A7FA; + font-size: 24px; +} +.side-nav .side-menu ul.fancytree-plain.fancytree-container li > span.fancytree-node.fancytree-active span.fancytree-title { + color: #3c3c3c; + background-color: transparent; + border: none; +} +.side-nav .side-menu ul.fancytree-plain.fancytree-container li > span.fancytree-node.fancytree-active:hover span.fancytree-title, .side-nav .side-menu ul.fancytree-plain.fancytree-container li > span.fancytree-node.fancytree-active:active span.fancytree-title { + color: #3c3c3c; + background-color: transparent; + border: none; +} +.side-nav .side-menu ul.fancytree-plain.fancytree-container li ul { + padding: 0px; +} +.side-nav .side-menu ul.fancytree-plain.fancytree-container li ul li { + min-height: 48px; + border-bottom: 1px solid #E1E4F9; +} +.side-nav .side-menu ul.fancytree-plain.fancytree-container li ul li > span { + height: 48px; + width: -moz-fit-content; + width: fit-content; + padding-left: 1.5em; +} +.side-nav .side-menu ul.fancytree-plain.fancytree-container li ul li > span span.fancytree-title { + font-size: 14px; + color: #4A5ED2; +} +.side-nav .side-menu ul.fancytree-plain.fancytree-container li ul li:hover { + background-color: #E1E4F9; +} +.side-nav .side-menu ul.fancytree-plain.fancytree-container li ul li:hover span.fancytree-title { + color: #4A5ED2; +} + +.side-nav .side-menu > ul > li > ul > li { + height: 47px; +} + +.side-nav .side-menu > ul > li > ul > li > span { + color: #4A5ED2; + font-size: 14px; + font-weight: 400; +} + +.menu-icon { + background-position: center; + background-repeat: no-repeat; + background-size: contain; +} +.menu-icon.base-icon { + background-image: url("../img/icon-shield.png"); +} +.menu-icon.filed-icon { + background-image: url("../img/icon-industry.png"); +} +.menu-icon.production-icon { + background-image: url("../img/icon-engineering.png"); +} +.menu-icon.system-icon { + background-image: url("../img/icon-gear.png"); +} +.menu-icon.insp-icon { + background-image: url("../img/icon-clipboard.svg"); + width: 22px; + height: 22px; + margin-left: 0.6em; +} +.menu-icon.facility-icon { + background-image: url("../img/icon-cone.svg"); +} diff --git a/hymes_scss/inc/css/scss/component/_table.scss b/hymes_scss/inc/css/scss/component/_table.scss new file mode 100644 index 0000000..cfe96f1 --- /dev/null +++ b/hymes_scss/inc/css/scss/component/_table.scss @@ -0,0 +1,349 @@ +.tabulator.hy-table{ + background-color: white; + border: none; + margin-top: 10px; + overflow: hidden; + height: 100%; + + &.no-margin{ + margin: 0; + } + + // 테이블 헤더 + .tabulator-header{ + border-top: solid 1px $gray-004; + border-bottom: solid 1px $gray-004; + background-color: #F6F6FC; + + .tabulator-col{ + background-color: #F6F6FC; + border-right: solid 1px $gray-004; + height: 32px; + justify-content: center; + + .tabulator-col-content .tabulator-col-title{ + font-weight: 500; + padding: 0; + } + } + + } + + // 테이블 행 + .tabulator-row{ + background-color: transparent; + border: solid 0.5px $gray-002; + border-left: solid 0.5px transparent; + border-right: solid 0.5px transparent; + + &:hover{ + background-color: $gray-003; + } + &.tabulator-selected{ + background-color: $gray-002; + } + &.remove-row{ + background-color: $red; + } + &.edit-row{ + background-color: #d2ddff; + } + &.blank-row{ + border: solid 0.5px red + } + + .tabulator-cell{ + border-right: solid 1px $gray-002; + + // &.tabulator-editable{ + // background-color: transparent ; + // &::after{ + // content: ""; + + // } + // &:hover{ + // background-color: $gray-003; + // } + // } + &.editable-cell, &.tabulator-editable{ + background-color: rgba(255, 253, 221, 0.548) ; + &::after{ + content: "◥"; + color: $blue-004; + position: absolute; + top: -1px; + right: -1px; + line-height: 7px; + font-size: 7px; + } + } + } + } + + // 테이블 푸터 + .tabulator-footer{ + border: none; + + .tabulator-calcs-holder{ + border: none; + } + } +} + + +// 컬럼 그룹화 된 테이블 +.tabulator.group-table{ + + // 테이블 헤더 + .tabulator-header{ + + .tabulator-col{ + height: 50px; + align-items: center; + + &.tabulator-col-group{ + .tabulator-col-group-cols{ + border-top: solid 1px $gray-004; + } + + } + } + + } +} + +.tabulator.groupby{ + .tabulator-row{ + + &.tabulator-group { + border-bottom: solid 2px $gray-002; + border-top: none; + border-right: solid 1px $gray-002; + + &.select{ + background-color: $gray-004; + } + + &.tabulator-group-visible{ + + // .tabulator-group-toggle{ + // &::before{ + // content:"▼\00a0"; + // } + // } + // } + // .tabulator-group-toggle{ + // &::before{ + // content:"▶\00a0"; + // font-weight: 500; + // font-size: 11px; + // } + + .tabulator-arrow{ + // display: none; + } + } + + span{ + display: none; + } + } + } +} + + +// 작업자 메인화면 2 그룹화 테이블 +.tabulator.group-table-style{ + .tabulator-header .tabulator-col{ + + &.tabulator-col-group{ + + .tabulator-col-content{ + width: 200px; + } + + .tabulator-col-group-cols{ + display: none; + } + } + } + + .tabulator-row{ + border-bottom: none; + .tabulator-cell{ + border-bottom: solid 1px $gray-002; + } + .tabulator-cell:nth-of-type(-n+6){ + border-bottom: none; + } + } + .tabulator-row:nth-of-type(5n+1), .tabulator-row:nth-of-type(5n+4){ + + .tabulator-cell:nth-of-type(2n+7){ + width: 200px !important; + } + .tabulator-cell:nth-of-type(2n+8){ + display: none !important; + } + } + .tabulator-row:nth-of-type(5n+5){ + border-bottom: solid 1px $gray-002; + } + +} + +// basecode vue 테이블 +/* 기본테이블 */ + +.bg-light{ + background-color: #f8f9fa; +} +.font-weight-bold td{ + font-weight: 700; +} + +.tb-height-full .cont_hfix{ + height: calc(100% - 44px); + margin-top: 10px; + overflow: auto; +} +.basetable, .vue-table { + min-width: 100%; + border-collapse: separate; + border-bottom: 1px solid $gray-002; + border-top: 1px solid $gray-002; + + th { + text-align: center; + background-color: #f6f6fc; + + font-weight: 500; + color:#555; + height: 30px; + min-width: 100px; + + padding: 0; + margin: 0; + + border-top: solid 1px $gray-004; + border-bottom: solid 1px $gray-004; + + &:not(:first-child) { + border-left: 1px solid $gray-004; + } + } + + td { + white-space: nowrap; + text-align: center; + border-bottom: 1px solid $gray-002; + height: 31px; + + &:not(:last-child:first-child) { + border-left: 1px solid $gray-002; + } + &:last-child:first-child { + border-right: 1px solid $gray-002; + } + } + + thead.top_sticky, .basetable thead.top_sticky th { + position: sticky; + top:0; + left:0; + } +} +.vue-table { + width: 3000px; + + th{ + min-width: auto; + } +} + +// 품목코드등록-라우팅 테이블 +.tabulator.hy-table.hide-sub-column{ + .tabulator-header{ + + .tabulator-col.tabulator-col-group{ + &.width-150{ + width: 150px; + } + &.width-160{ + width: 160px; + } + &.width-180{ + width: 180px; + } + &.width-200{ + width: 200px; + } + &.width-230{ + width: 230px; + } + &.width-800{ + width: 800px; + } + .tabulator-col-group-cols{ + display: none; + } + } + } +} + + +// 테이블 소계 및 합계 css + +.tabulator.hy-table{ + + .tabulator-calcs{ + position: relative; + .tabulator-cell:nth-of-type(1){ + position: sticky; + top: 0; + left: 0; + border-right: solid 2px $gray-004; + + &::after { + content: "소계"; + font-weight: 700; + } + } + // .tabulator-cell:nth-of-type(2){ + // width: 150px !important; + // } + } + + .tabulator-footer{ + + .tabulator-calcs{ + .tabulator-cell:nth-of-type(1)::after { + content: "합계"; + } + } + } +} + + +.status-table.vue-table{ + colgroup{ + col{} + } + thead{ + tr{ + th{} + } + } + + tbody{ + tr{ + td{ + &.on{ + background-color: $gray-002; + cursor: pointer; + } + } + } + } +} + diff --git a/hymes_scss/inc/css/scss/page/_item.scss b/hymes_scss/inc/css/scss/page/_item.scss new file mode 100644 index 0000000..e69de29 diff --git a/hymes_scss/inc/css/scss/page/_login.scss b/hymes_scss/inc/css/scss/page/_login.scss new file mode 100644 index 0000000..6ec4dd8 --- /dev/null +++ b/hymes_scss/inc/css/scss/page/_login.scss @@ -0,0 +1,99 @@ +.login-section { + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.login-section .login-container { + display: flex; + gap: 80px; +} + +.login-section .login-container .image-container {} + +.login-section .login-container .image-container .image-box { + background: url('../img/login.png'), lightgray 50% / cover no-repeat; + min-height: 465px; + min-width: 400px; + height: 60vh; + width: 24vw; + border-radius: 15px; + margin-right: 10px; + background-position: center; + background-size: cover; + +} + +.login-section .login-container .form-container { + display: flex; + flex-direction: column; + justify-content: center; + gap: 40px; +} + +.login-section .login-container .form-container .form-title p { + color: $blue-005; + font-family: 'GmarketSans'; + font-size: 27px; + font-weight: 700; + margin: 0; +} + +.login-section .login-container .form-container .login-form { + display: flex; + flex-direction: column; + gap: 24px; + min-width: 324px; + width: 20vw; + height: fit-content; + + .login-check-field{ + label{ + font-family: 'Pretendard'; + } + } +} + +.login-section .login-container .form-container .login-form label { + font-weight: 300; + font-size: 14px; + color: black; + font-family: 'GmarketSans'; +} + +.login-section .login-container .form-container .login-form .login-put-field label { + display: block; +} + +.login-section .login-container .form-container .login-form .login-put-field input { + width: calc(100% - 20px); + height: 40px; + border: solid 1px rgba(227, 227, 227, 1); + border-radius: 5px; + padding: 0 10px; + +} + +.login-section .login-container .form-container .login-form .login-check-field { + display: flex; + gap: 5px; +} + +.login-section .login-container .form-container .login-form .login-check-field input { + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} + +.login-section .login-container .form-container .login-form .submit-btn { + width: 100%; +} +.login-section .login-container .form-container .login-form .submit-btn button { + width: 100%; + height: 40px; + font-family: 'GmarketSans'; + font-weight: 400; + font-size: 15px; +} diff --git a/hymes_scss/inc/css/scss/page/_main.scss b/hymes_scss/inc/css/scss/page/_main.scss new file mode 100644 index 0000000..11c55b1 --- /dev/null +++ b/hymes_scss/inc/css/scss/page/_main.scss @@ -0,0 +1,6 @@ +.main-section .main-part { + background-image: url("../img/background.png"); + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} \ No newline at end of file diff --git a/hymes_scss/inc/css/scss/style.scss b/hymes_scss/inc/css/scss/style.scss new file mode 100644 index 0000000..8acceb2 --- /dev/null +++ b/hymes_scss/inc/css/scss/style.scss @@ -0,0 +1,13 @@ +@import "common/color"; +@import "common/common"; + +@import "component/header"; +@import "component/sidebar"; +@import "component/search"; +@import "component/scrollbar"; +@import "component/table"; +@import "component/form"; +@import "component/popup"; + +@import "page/login"; +@import "page/main"; \ No newline at end of file diff --git a/hymes_scss/inc/css/style.css b/hymes_scss/inc/css/style.css new file mode 100644 index 0000000..9842545 --- /dev/null +++ b/hymes_scss/inc/css/style.css @@ -0,0 +1,1343 @@ +@charset "UTF-8"; +html, +body { + margin: 0; + overflow: hidden; +} + +* { + font-family: "Pretendard"; + font-size: 13px; + font-weight: 400; +} + +li, +label, +input, +button, +a { + cursor: pointer; +} + +ul, +li, +ol, +a { + list-style: none; + text-decoration: none; + margin: 0; + padding: 0; +} + +button { + display: inline-flex; + justify-content: center; + align-items: center; + gap: 2px; +} + +.point-btn { + border: solid 1px #828282; + background-color: #828282; + color: rgba(255, 255, 255, 0.973); + border-radius: 3px; + padding: 8px 30px !important; + text-wrap: nowrap; + font-size: 13px; +} + +.point-btn:hover { + color: #828282; + background-color: rgba(255, 255, 255, 0.973); +} + +.basic-btn { + border: solid 2px transparent; + border-radius: 5px; + background-color: #162788; + color: white; + font-size: 13px; +} + +.basic-btn:hover { + background-color: white; + border: solid 2px #162788; + color: #162788; +} + +.reverse-btn:hover { + background-color: #162788; + border: solid 2px transparent; + color: white; +} + +.reverse-btn { + background-color: white; + border: solid 2px #162788; + color: #162788; + border-radius: 5px; + font-size: 13px; +} + +.btn-danger { + height: 100%; + border: solid 2px red; + border-radius: 3px; + color: red; + background-color: white; +} +.btn-danger:hover { + background-color: red; + color: white; +} + +.close-btn { + border: solid 2px #cf5b5b; + color: white; + background-color: #cf5b5b; + border-radius: 3px; +} +.close-btn:hover { + background-color: white; + color: #cf5b5b; +} + +.run-btn { + border: solid 2px #5b73cf; + color: white; + background-color: #5b73cf; + border-radius: 3px; +} +.run-btn:hover { + background-color: white; + color: #5b73cf; +} + +.norun-btn { + border: solid 2px #f3da8f; + color: white; + background-color: #f3da8f; + border-radius: 3px; +} +.norun-btn:hover { + background-color: white; + color: #f3da8f; +} + +.disabled-btn { + background-color: rgba(255, 255, 255, 0.973); + color: #dddddd; + border-color: #e9e9e9; + cursor: default; +} +.disabled-btn:hover { + background-color: rgba(255, 255, 255, 0.973); + color: #dddddd; + border-color: #e9e9e9; +} + +.tab-btn { + background-color: white; + color: black; + border: solid 1px #c7c7c7; + height: 30px; + width: 25%; + border-right: none; + cursor: pointer; +} +.tab-btn:hover { + background-color: #c7c7c7; + color: white; +} + +.left-round { + border-radius: 50px 0px 0px 50px; +} + +.right-round { + border-radius: 0px 50px 50px 0px; + border-right: solid 1px #c7c7c7; +} + +.have-image { + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} + +.container { + height: calc(100vh - 48px); + display: flex; + justify-content: center; +} + +.container .main-part { + width: calc(100% - 280px); + height: 100%; + display: flex; + flex-direction: column; +} + +.breadcrumb .inner-container { + padding: 20px 15px; +} +.breadcrumb .inner-container a, .breadcrumb .inner-container i { + font-size: 15px; +} +.breadcrumb .inner-container a:nth-of-type(3) { + font-size: 20px; + color: #1F2859; + font-weight: 700; +} + +.sub-container { + width: 49%; + height: calc(100% - 25px); +} +.sub-container .button-box.main-table { + display: flex; +} +.sub-container .button-box.sub-table { + display: none; +} + +.tab-menu { + gap: 5px; + border-bottom: solid 2px #162788; +} +.tab-menu li { + border-left: solid 2px #162788; + border-right: solid 2px #162788; + border-top: solid 2px #162788; + border-radius: 5px 5px 0 0; + padding: 7px 12px; + background-color: white; + color: #162788; + min-width: 80px; + text-align: center; + font-size: 13px; + font-weight: 500; +} +.tab-menu li:hover { + background-color: #162788; + color: white; +} +.tab-menu li.on { + background-color: #162788; + color: white; +} + +.tab-container { + height: 98%; +} +.tab-container > div { + display: none; + height: calc(100vh - 320px); +} +.tab-container > div .table-box:first-of-type, .tab-container > div .tab-box:first-of-type { + width: 100%; + position: relative; +} +.tab-container > div .table-box:first-of-type .table-title, .tab-container > div .tab-box:first-of-type .table-title { + position: absolute; + top: -35px; + right: 0; + margin-bottom: 15px; +} +.tab-container > div.on { + display: flex; +} + +.table-title { + display: flex; + justify-content: space-between; + align-items: end; + height: 32px; +} +.table-title p { + font-size: 16px; + margin: 0; + text-wrap: nowrap; +} + +.contents-container { + height: calc(100vh - 235px); + width: 100%; +} +.contents-container.full-height { + height: 100%; +} +.contents-container .table-container { + width: 100%; + height: 98%; + margin: 10px 0 30px 0; +} +.contents-container .table-container .inner-container { + width: calc(100% - 80px); + height: calc(100% - 24px); + border-radius: 5px; + border: 1px solid #e9e9e9; + padding: 24px 15px 0px 15px; +} +.contents-container .table-container .inner-container .sub-table .table-box { + width: 49%; +} + +.table-container { + height: 90%; + margin-top: 10px; +} + +.inner-container { + margin: 0 25px; + padding: 0 15px; +} +.inner-container > .flexrow, +.inner-container > .flexcol { + height: calc(100% - 15px); +} + +.table-box { + width: 100%; + height: 98%; +} + +.sub-table.flexrow, .inner-container.flexrow { + width: 100%; +} +.sub-table.flexrow > .table-box, .inner-container.flexrow > .table-box { + width: 49%; +} +.sub-table.flexrow > .flexcol, .inner-container.flexrow > .flexcol { + width: 49%; +} + +.flexcol { + width: 100%; + height: 100%; +} +.flexcol > .table-box { + width: 100%; + height: 49%; +} +.flexcol > .flexrow { + height: 49%; +} + +.tb-height-full { + height: calc(100vh - 320px); +} + +.tb-height-half { + height: calc(50vh - 205px); +} + +.tb-height-30 { + height: calc(100vh - 600px); +} + +.label-tag { + display: flex; + justify-content: center; + align-items: center; + height: 25px; + width: 60px; + border-radius: 5px; +} +.label-tag span { + width: 6px; + height: 100%; + margin-right: 9px; +} + +.blue-back { + background-color: #d2e7ff; +} + +.green-back { + background-color: #d2ffd5; +} + +.orange-back { + background-color: #ffe0d2; +} + +.gray-back { + background-color: #d9d9d9; +} + +header { + background: #1F2859; + display: flex; + justify-content: space-between; + align-items: center; + height: 48px; + padding: 0px 25px; +} + +header .logo-container { + margin-left: 50px; +} + +header .logo-container .logo-box { + background: url(../img/logo.png); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + height: 36px; + width: 166px; +} + +header .status-menu ul { + list-style: none; + display: flex; + gap: 10px; +} + +header .status-menu ul li:not(:last-child) { + padding: 0 10px; + border-right: solid 2px #CFD5FC; +} + +header .status-menu ul li a { + text-decoration: none; + color: #CFD5FC; +} + +.side-nav { + max-width: 280px; + width: 100%; + overflow-y: auto; + height: 100%; + border-right: solid 1px #e9e9e9; + display: flex; + flex-direction: column; + justify-content: space-between; + background: white; +} + +.container.on .side-nav { + width: 88px; + overflow-y: visible; + align-items: center; +} + +.container.on .side-nav .side-menu ul.fancytree-plain.fancytree-container { + position: static; +} + +.container.on .side-nav .side-menu ul.fancytree-plain.fancytree-container > li { + position: relative; +} + +.container.on .side-nav .side-menu ul.fancytree-plain.fancytree-container > li span.fancytree-expander, .container.on .side-nav .side-menu ul.fancytree-plain.fancytree-container > li span.fancytree-title { + display: none; +} + +.container.on .side-nav .side-menu ul.fancytree-plain.fancytree-container > li span.fancytree-custom-icon { + margin: 0; +} + +.container.on .side-nav .side-menu ul.fancytree-plain.fancytree-container > li ul { + position: absolute; + display: block; + left: 56px; + top: 0; + width: 250px; + background: #e9e9e9; + z-index: 2; + min-height: 52px; + max-height: 294px; + overflow: auto; +} + +.container.on .side-nav .side-menu ul.fancytree-plain.fancytree-container > li ul li span.fancytree-title { + color: black; + display: block; +} + +.container.on .side-nav .fold-btn-container { + margin: 0 0 30px 0; + padding-left: 0; + width: auto; +} + +.container.on .side-nav .fold-btn-container .fold-btn { + transform: rotate(180deg); +} + +.container.on .main-part { + width: calc(100% - 88px); +} + +.side-nav .fold-btn-container { + margin-bottom: 30px; + margin-top: 50px; + padding-left: 10%; + width: 80%; +} + +.side-nav .fold-btn-container .fold-btn { + width: 40px; + height: 40px; + background-image: url(../img/foldIcon.svg); + background-size: 17px 19.5px; + border-radius: 5px; + border: 1px solid #e0e0e0; + background-color: #fafafa; + cursor: pointer; +} + +.side-nav .side-menu ul.fancytree-plain.fancytree-container { + border: none; + padding: 0px; +} + +.side-nav .side-menu ul.fancytree-plain.fancytree-container > li > span { + border-bottom: solid 1px #e9e9e9; +} + +.side-nav .side-menu ul.fancytree-plain.fancytree-container li { + min-height: 72px; +} + +.side-nav .side-menu ul.fancytree-plain.fancytree-container li > span { + height: 72px; + display: inline-flex; + align-items: center; +} + +.side-nav .side-menu ul.fancytree-plain.fancytree-container li > span:hover span.fancytree-title, .side-nav .side-menu ul.fancytree-plain.fancytree-container li > span:active span.fancytree-title { + color: #3c3c3c; + background-color: transparent; + border: none; +} + +.side-nav .side-menu ul.fancytree-plain.fancytree-container li > span > span { + color: #3c3c3c; + font-size: 15px; +} + +.side-nav .side-menu ul.fancytree-plain.fancytree-container li > span > span.fancytree-custom-icon { + color: #98A7FA; + font-size: 24px; +} + +.side-nav .side-menu ul.fancytree-plain.fancytree-container li > span.fancytree-node.fancytree-active span.fancytree-title { + color: #3c3c3c; + background-color: transparent; + border: none; +} + +.side-nav .side-menu ul.fancytree-plain.fancytree-container li > span.fancytree-node.fancytree-active:hover span.fancytree-title, .side-nav .side-menu ul.fancytree-plain.fancytree-container li > span.fancytree-node.fancytree-active:active span.fancytree-title { + color: #3c3c3c; + background-color: transparent; + border: none; +} + +.side-nav .side-menu ul.fancytree-plain.fancytree-container li ul { + padding: 0px; +} + +.side-nav .side-menu ul.fancytree-plain.fancytree-container li ul li { + min-height: 48px; + border-bottom: 1px solid #E1E4F9; +} + +.side-nav .side-menu ul.fancytree-plain.fancytree-container li ul li > span { + height: 48px; + width: -moz-fit-content; + width: fit-content; + padding-left: 1.5em; +} + +.side-nav .side-menu ul.fancytree-plain.fancytree-container li ul li > span span.fancytree-title { + font-size: 14px; + color: #4A5ED2; +} + +.side-nav .side-menu ul.fancytree-plain.fancytree-container li ul li:hover { + background-color: #E1E4F9; +} + +.side-nav .side-menu ul.fancytree-plain.fancytree-container li ul li:hover span.fancytree-title { + color: #4A5ED2; +} + +.side-nav .side-menu > ul > li > ul > li { + height: 47px; +} + +.side-nav .side-menu > ul > li > ul > li > span { + color: #4A5ED2; + font-size: 14px; + font-weight: 400; +} + +.menu-icon { + background-position: center; + background-repeat: no-repeat; + background-size: contain; +} + +.menu-icon.base-icon { + background-image: url("../img/icon-shield.png"); +} + +.menu-icon.filed-icon { + background-image: url("../img/icon-industry.png"); +} + +.menu-icon.production-icon { + background-image: url("../img/icon-engineering.png"); +} + +.menu-icon.system-icon { + background-image: url("../img/icon-gear.png"); +} + +.menu-icon.insp-icon { + background-image: url("../img/icon-clipboard.svg"); + width: 22px; + height: 22px; + margin-left: 0.6em; +} + +.menu-icon.facility-icon { + background-image: url("../img/icon-cone.svg"); +} + +.table-header { + width: 100%; + margin-top: 25px; +} +.table-header > div { + display: flex; + justify-content: space-between; + align-items: center; + gap: 100px; + height: 84px; + overflow-x: auto; + border-radius: 5px; + border: 1px solid #e9e9e9; + background: #FAFAFA; +} +.table-header .search-container { + display: flex; + justify-content: start; + gap: 20px; + font-size: 13px; +} +.table-header .search-container .input-container.checkbox-container { + text-align: center; + align-items: center; +} +.table-header .search-container .input-container.checkbox-container label { + display: inline-block; + width: 50px; +} +.table-header .search-container .input-container.checkbox-container .input-box { + justify-content: center; + height: 32px; + align-items: center; +} +.table-header .search-container .input-container.checkbox-container .input-box input { + display: inline-block; + box-sizing: border-box; + width: 14px; + height: 14px; +} +.table-header .search-container .input-container > div { + display: flex; + gap: 2px; +} +.table-header .search-container .input-box { + position: relative; +} +.table-header .search-container .input-box svg { + position: absolute; + width: 1em; + height: 1em; + right: 10px; + top: 10px; + color: #162788; + cursor: pointer; +} +.table-header .search-container .input-box input, .table-header .search-container .input-box select { + border-radius: 3px; + border: 1px solid #D9D9D9; + background: #FFF; + height: 32px; + width: 140px; + padding: 0 10px; + box-sizing: border-box; +} + +.table-header .button-container { + width: 100%; + display: flex; + justify-content: flex-end; +} + +.button-box { + display: flex; + justify-content: center; + align-items: center; + gap: 5px; +} +.button-box button { + padding: 7px 12px; +} + +.table-container .button-box { + justify-content: flex-end; +} + +::-webkit-scrollbar { + height: 5px; + width: 5px; +} + +/* 스크롤바 트랙 (바탕) 스타일 */ +::-webkit-scrollbar-track { + background: #f1f1f1; /* 트랙의 배경 색상 */ +} + +/* 스크롤바 핸들 (움직이는 부분) 스타일 */ +::-webkit-scrollbar-thumb { + background: #B0B0B0; /* 핸들의 배경 색상 */ +} + +/* 스크롤바 핸들:hover 스타일 */ +::-webkit-scrollbar-thumb:hover { + background: #7e7e7e; /* 핸들의 배경 색상(마우스 오버 시) */ +} + +.tabulator.hy-table { + background-color: white; + border: none; + margin-top: 10px; + overflow: hidden; + height: 100%; +} +.tabulator.hy-table.no-margin { + margin: 0; +} +.tabulator.hy-table .tabulator-header { + border-top: solid 1px #c7c7c7; + border-bottom: solid 1px #c7c7c7; + background-color: #F6F6FC; +} +.tabulator.hy-table .tabulator-header .tabulator-col { + background-color: #F6F6FC; + border-right: solid 1px #c7c7c7; + height: 32px; + justify-content: center; +} +.tabulator.hy-table .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title { + font-weight: 500; + padding: 0; +} +.tabulator.hy-table .tabulator-row { + background-color: transparent; + border: solid 0.5px #e9e9e9; + border-left: solid 0.5px transparent; + border-right: solid 0.5px transparent; +} +.tabulator.hy-table .tabulator-row:hover { + background-color: #D9D9D9; +} +.tabulator.hy-table .tabulator-row.tabulator-selected { + background-color: #e9e9e9; +} +.tabulator.hy-table .tabulator-row.remove-row { + background-color: #FFD2D2; +} +.tabulator.hy-table .tabulator-row.edit-row { + background-color: #d2ddff; +} +.tabulator.hy-table .tabulator-row.blank-row { + border: solid 0.5px red; +} +.tabulator.hy-table .tabulator-row .tabulator-cell { + border-right: solid 1px #e9e9e9; +} +.tabulator.hy-table .tabulator-row .tabulator-cell.editable-cell, .tabulator.hy-table .tabulator-row .tabulator-cell.tabulator-editable { + background-color: rgba(255, 253, 221, 0.548); +} +.tabulator.hy-table .tabulator-row .tabulator-cell.editable-cell::after, .tabulator.hy-table .tabulator-row .tabulator-cell.tabulator-editable::after { + content: "◥"; + color: #1F2859; + position: absolute; + top: -1px; + right: -1px; + line-height: 7px; + font-size: 7px; +} +.tabulator.hy-table .tabulator-footer { + border: none; +} +.tabulator.hy-table .tabulator-footer .tabulator-calcs-holder { + border: none; +} + +.tabulator.group-table .tabulator-header .tabulator-col { + height: 50px; + align-items: center; +} +.tabulator.group-table .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols { + border-top: solid 1px #c7c7c7; +} + +.tabulator.groupby .tabulator-row.tabulator-group { + border-bottom: solid 2px #e9e9e9; + border-top: none; + border-right: solid 1px #e9e9e9; +} +.tabulator.groupby .tabulator-row.tabulator-group.select { + background-color: #c7c7c7; +} +.tabulator.groupby .tabulator-row.tabulator-group span { + display: none; +} + +.tabulator.group-table-style .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-content { + width: 200px; +} +.tabulator.group-table-style .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols { + display: none; +} +.tabulator.group-table-style .tabulator-row { + border-bottom: none; +} +.tabulator.group-table-style .tabulator-row .tabulator-cell { + border-bottom: solid 1px #e9e9e9; +} +.tabulator.group-table-style .tabulator-row .tabulator-cell:nth-of-type(-n+6) { + border-bottom: none; +} +.tabulator.group-table-style .tabulator-row:nth-of-type(5n+1) .tabulator-cell:nth-of-type(2n+7), .tabulator.group-table-style .tabulator-row:nth-of-type(5n+4) .tabulator-cell:nth-of-type(2n+7) { + width: 200px !important; +} +.tabulator.group-table-style .tabulator-row:nth-of-type(5n+1) .tabulator-cell:nth-of-type(2n+8), .tabulator.group-table-style .tabulator-row:nth-of-type(5n+4) .tabulator-cell:nth-of-type(2n+8) { + display: none !important; +} +.tabulator.group-table-style .tabulator-row:nth-of-type(5n+5) { + border-bottom: solid 1px #e9e9e9; +} + +/* 기본테이블 */ +.bg-light { + background-color: #f8f9fa; +} + +.font-weight-bold td { + font-weight: 700; +} + +.tb-height-full .cont_hfix { + height: calc(100% - 44px); + margin-top: 10px; + overflow: auto; +} + +.basetable, .vue-table { + min-width: 100%; + border-collapse: separate; + border-bottom: 1px solid #e9e9e9; + border-top: 1px solid #e9e9e9; +} +.basetable th, .vue-table th { + text-align: center; + background-color: #f6f6fc; + font-weight: 500; + color: #555; + height: 30px; + min-width: 100px; + padding: 0; + margin: 0; + border-top: solid 1px #c7c7c7; + border-bottom: solid 1px #c7c7c7; +} +.basetable th:not(:first-child), .vue-table th:not(:first-child) { + border-left: 1px solid #c7c7c7; +} +.basetable td, .vue-table td { + white-space: nowrap; + text-align: center; + border-bottom: 1px solid #e9e9e9; + height: 31px; +} +.basetable td:not(:last-child:first-child), .vue-table td:not(:last-child:first-child) { + border-left: 1px solid #e9e9e9; +} +.basetable td:last-child:first-child, .vue-table td:last-child:first-child { + border-right: 1px solid #e9e9e9; +} +.basetable thead.top_sticky, .basetable .basetable thead.top_sticky th, .vue-table thead.top_sticky, .vue-table .basetable thead.top_sticky th { + position: sticky; + top: 0; + left: 0; +} + +.vue-table { + width: 3000px; +} +.vue-table th { + min-width: auto; +} + +.tabulator.hy-table.hide-sub-column .tabulator-header .tabulator-col.tabulator-col-group.width-150 { + width: 150px; +} +.tabulator.hy-table.hide-sub-column .tabulator-header .tabulator-col.tabulator-col-group.width-160 { + width: 160px; +} +.tabulator.hy-table.hide-sub-column .tabulator-header .tabulator-col.tabulator-col-group.width-180 { + width: 180px; +} +.tabulator.hy-table.hide-sub-column .tabulator-header .tabulator-col.tabulator-col-group.width-200 { + width: 200px; +} +.tabulator.hy-table.hide-sub-column .tabulator-header .tabulator-col.tabulator-col-group.width-230 { + width: 230px; +} +.tabulator.hy-table.hide-sub-column .tabulator-header .tabulator-col.tabulator-col-group.width-800 { + width: 800px; +} +.tabulator.hy-table.hide-sub-column .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols { + display: none; +} + +.tabulator.hy-table .tabulator-calcs { + position: relative; +} +.tabulator.hy-table .tabulator-calcs .tabulator-cell:nth-of-type(1) { + position: sticky; + top: 0; + left: 0; + border-right: solid 2px #c7c7c7; +} +.tabulator.hy-table .tabulator-calcs .tabulator-cell:nth-of-type(1)::after { + content: "소계"; + font-weight: 700; +} +.tabulator.hy-table .tabulator-footer .tabulator-calcs .tabulator-cell:nth-of-type(1)::after { + content: "합계"; +} + +.status-table.vue-table tbody tr td.on { + background-color: #e9e9e9; + cursor: pointer; +} + +form { + height: 100%; +} +form[name=frmWorkData] { + width: 80vw; +} +form[name=frmWorkData] > div { + width: 100%; +} +form[name=frmWorkData] > div.form-button-container { + height: 80px; + border-radius: 5px; + border: 1px solid #e9e9e9; + background: #FAFAFA; + display: flex; + align-items: center; + width: 100%; + padding: 0 20px; + box-sizing: border-box; +} +form[name=frmWorkData] > div.form-button-container button { + width: 150px; + height: 40px; +} +form[name=frmWorkData] > div.form-contents .info-container { + height: -moz-fit-content; + height: fit-content; + width: 50%; +} +form[name=frmWorkData] > div.form-contents .detail-container { + height: 510px; + width: 50%; + overflow: hidden; +} +form[name=frmWorkData] > div.form-contents .detail-container .detail-contents { + width: 100%; +} +form[name=frmWorkData] > div.form-contents .detail-container .detail-contents .form-header { + width: 100%; +} +form[name=frmWorkData] > div.form-contents .detail-container .detail-contents .form-header textarea { + height: 100px; +} +form[name=frmWorkData] > div.form-contents .detail-container .detail-contents .form-header .add-btn { + margin-right: 10px; +} +form[name=frmWorkData] > div.form-contents .detail-container .detail-contents .table-box { + width: 100%; + height: calc(100% - 70px); +} +form[name=frmWorkData] > div.form-contents .detail-container .detail-contents .table-box > div { + width: 100%; +} +form[name=frmWorkData] > div.form-contents .detail-container .detail-contents .table-box .tab-menu { + width: 100%; +} +form[name=frmWorkData] > div.form-contents .detail-container .detail-contents .table-box .table-title { + width: 99%; +} +form[name=frmWorkData] > div.form-contents .detail-container .detail-contents .table-box .table-title .button-box { + width: 100%; + margin-top: 10px; +} +form[name=frmWorkData] > div.form-contents .detail-container .detail-contents .table-box .hy-table { + margin: 0; +} +form[name=frmWorkData] > div.form-contents .detail-container .height-full { + height: 100% !important; +} +form[name=frmWorkData] > div.form-contents .detail-container .height-89 { + height: 89% !important; +} +form[name=frmWorkData] > div.form-contents .detail-container .height-half { + height: calc(100% - 220px) !important; +} +form[name=frmWorkData] > div.form-contents .detail-container .round-tab-box { + width: calc(100% - 120px); +} +form[name=frmFacility] { + width: 800px; + height: 525px; +} +form[name=frmPartner] { + width: 800px; + min-height: 525px; + height: 70vh; +} +form .add-btn, form .remove-btn { + padding: 7px 12px; + cursor: pointer; +} +form .form-contents { + height: 70% !important; + overflow: hidden; +} +form .form-contents .form-box { + overflow: auto; + background: #F6F6FC; + height: 100%; + padding: 20px 0px; +} +form .form-contents .form-box .input-container { + width: calc(100% - 10px); + height: -moz-fit-content; + height: fit-content; + flex-wrap: wrap; +} +form .form-contents .form-box .input-container .input-box { + width: 100%; + height: -moz-fit-content; + height: fit-content; + align-items: center; +} +form .form-contents .form-box .input-container .input-box label, form .form-contents .form-box .input-container .input-box .input-title { + display: inline-block; + width: 100px; + padding-right: 10px; + margin: 0; + text-align: end; +} +form .form-contents .form-box .input-container .input-box input[type=button] { + width: 80px; + margin: 0 15px; + text-align: center; +} +form .form-contents .form-box .input-container .input-box label.form_toggle, form .form-contents .form-box .input-container .input-box .input-title.form_toggle { + text-align: start; +} +form .form-contents .form-box .input-container .input-box .check-label { + display: inline-flex; + width: 100px; + align-items: center; +} +form .form-contents .form-box .input-container .input-box .check-label label { + width: auto; +} +form .form-contents .form-box .input-container .input-box input[type=text], form .form-contents .form-box .input-container .input-box input[type=tel], form .form-contents .form-box .input-container .input-box input[type=datetime-local], form .form-contents .form-box .input-container .input-box select, form .form-contents .form-box .input-container .input-box textarea { + border: solid 1px #c7c7c7; + box-sizing: border-box; + height: 30px; + width: calc(100% - 120px); + min-width: 100px; + padding: 0px 10px; +} +form .form-contents .form-box .input-container .input-box input[type=text].sub-input, form .form-contents .form-box .input-container .input-box input[type=tel].sub-input, form .form-contents .form-box .input-container .input-box input[type=datetime-local].sub-input, form .form-contents .form-box .input-container .input-box select.sub-input, form .form-contents .form-box .input-container .input-box textarea.sub-input { + width: calc(100% - 6px); +} +form .form-contents .form-box .input-container .input-box .input-text { + width: calc(50% - 65px) !important; + text-align: center; + display: inline-block; +} +form .form-contents .img-container { + padding-right: 10px; + height: 100%; + gap: 5%; +} +form .form-contents .img-container .img-box { + height: 85%; + width: calc(100% - 2px); + border: solid 1px; + display: flex; + align-items: center; + justify-content: center; + position: relative; + background-color: white; +} +form .form-contents .img-container .img-box .img-cover { + display: none; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(8, 8, 8, 0.322); + justify-content: center; + align-items: center; +} +form .form-contents .img-container .img-box .img-cover input { + width: 30%; + height: 10%; + text-align: center; + font-size: 1.2em; +} +form .form-contents .img-container .img-box:hover .img-cover { + display: flex; +} +form .form-contents .img-container label { + height: 10%; + width: 100%; + box-sizing: border-box; + display: flex; + justify-content: center; + align-items: center; + font-size: 1.2em; +} +form .form-contents .img-container label input { + display: none; +} +form .table-box { + width: 98%; +} +form .btnFindAddr { + height: 98%; + border-radius: 5px; + border: solid 2px #f38814; + background-color: #f38814; + color: white; +} +form .btnFindAddr:hover { + background: white; + border: solid 2px #f38814 !important; + color: #f38814; +} + +#awn-popup-wrapper { + display: flex; + align-items: center; + justify-content: center; + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(0, 0, 0, 0.7); + z-index: 10; +} +#awn-popup-wrapper .awn-popup-body { + background: #fff; + box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.2); + border-radius: 5px; + font-size: 14px; + max-width: -moz-max-content; + max-width: max-content; + min-width: 500px; + min-height: 531px; + padding: 24px; + position: relative; + word-break: break-word; +} +#awn-popup-wrapper .awn-popup-body > div { + height: 100%; +} +#awn-popup-wrapper .awn-popup-body > div .awn-form .awn-popup-search { + height: 100%; +} +#awn-popup-wrapper .awn-popup-body > div .awn-form .table-box { + padding: 0 10px; + width: calc(100% - 20px); +} +#awn-popup-wrapper .awn-popup-body .awn-popup-confirm.custom-popup { + height: 500px; + overflow: hidden; +} +#awn-popup-wrapper .awn-popup-body .awn-popup-confirm.custom-popup.free-height { + height: auto; +} +#awn-popup-wrapper .awn-popup-body .awn-popup-confirm.custom-popup .awn-popup-title { + font-size: 20px; + margin-bottom: 10px; +} +#awn-popup-wrapper .awn-popup-body .awn-popup-confirm.custom-popup .awn-popup-title i { + font-size: 20px; +} +#awn-popup-wrapper .awn-popup-body .awn-popup-confirm.custom-popup .awn-popup-search .s_exp { + margin: 0 0 10px 0; + color: #1F2859; +} +#awn-popup-wrapper .awn-popup-body .awn-popup-confirm.custom-popup .awn-popup-search .s_fld { + display: flex; + justify-content: flex-end; + gap: 6px; + align-items: center; + height: 32px; + margin-bottom: 10px; +} +#awn-popup-wrapper .awn-popup-body .awn-popup-confirm.custom-popup .awn-popup-search .s_fld select, #awn-popup-wrapper .awn-popup-body .awn-popup-confirm.custom-popup .awn-popup-search .s_fld input { + box-sizing: border-box; + height: 100%; + padding: 0 10px; + border-radius: 3px; + border: 1px solid #D9D9D9; +} +#awn-popup-wrapper .awn-popup-body .awn-popup-confirm.custom-popup .title-container { + justify-content: space-between; +} +#awn-popup-wrapper .awn-popup-body .awn-popup-confirm.custom-popup .awn-popup-content { + max-height: 430px; + height: 100%; + padding: 0 10px; + overflow: auto; +} +#awn-popup-wrapper .awn-popup-body .awn-popup-confirm.custom-popup .awn-popup-content .tabulator.hy-table { + height: 85%; +} +#awn-popup-wrapper .awn-popup-body .awn-popup-confirm.custom-popup .form-contents { + height: 90% !important; + overflow: auto; +} +#awn-popup-wrapper .awn-popup-body .awn-popup-confirm.custom-popup .form-contents .form-box { + height: -moz-fit-content; + height: fit-content; + overflow: visible; +} + +#awn-popup-wrapper .awn-popup-body.awn-popup-confirm { + height: auto; +} + +.login-section { + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.login-section .login-container { + display: flex; + gap: 80px; +} + +.login-section .login-container .image-container .image-box { + background: url("../img/login.png"), lightgray 50%/cover no-repeat; + min-height: 465px; + min-width: 400px; + height: 60vh; + width: 24vw; + border-radius: 15px; + margin-right: 10px; + background-position: center; + background-size: cover; +} + +.login-section .login-container .form-container { + display: flex; + flex-direction: column; + justify-content: center; + gap: 40px; +} + +.login-section .login-container .form-container .form-title p { + color: #162788; + font-family: "GmarketSans"; + font-size: 27px; + font-weight: 700; + margin: 0; +} + +.login-section .login-container .form-container .login-form { + display: flex; + flex-direction: column; + gap: 24px; + min-width: 324px; + width: 20vw; + height: -moz-fit-content; + height: fit-content; +} +.login-section .login-container .form-container .login-form .login-check-field label { + font-family: "Pretendard"; +} + +.login-section .login-container .form-container .login-form label { + font-weight: 300; + font-size: 14px; + color: black; + font-family: "GmarketSans"; +} + +.login-section .login-container .form-container .login-form .login-put-field label { + display: block; +} + +.login-section .login-container .form-container .login-form .login-put-field input { + width: calc(100% - 20px); + height: 40px; + border: solid 1px rgb(227, 227, 227); + border-radius: 5px; + padding: 0 10px; +} + +.login-section .login-container .form-container .login-form .login-check-field { + display: flex; + gap: 5px; +} + +.login-section .login-container .form-container .login-form .login-check-field input { + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} + +.login-section .login-container .form-container .login-form .submit-btn { + width: 100%; +} + +.login-section .login-container .form-container .login-form .submit-btn button { + width: 100%; + height: 40px; + font-family: "GmarketSans"; + font-weight: 400; + font-size: 15px; +} + +.main-section .main-part { + background-image: url("../img/background.png"); + background-repeat: no-repeat; + background-position: center; + background-size: cover; +}/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/hymes_scss/inc/css/style.css.map b/hymes_scss/inc/css/style.css.map new file mode 100644 index 0000000..9f181d2 --- /dev/null +++ b/hymes_scss/inc/css/style.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["style.css","scss/common/_common.scss","scss/common/_color.scss","scss/component/_header.scss","scss/component/_sidebar.scss","scss/component/_search.scss","scss/component/_scrollbar.scss","scss/component/_table.scss","scss/component/_form.scss","scss/component/_popup.scss","scss/page/_login.scss","scss/page/_main.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file