diff --git a/assets/scss/common/grid.scss b/assets/scss/common/grid.scss index 6abcb48..351fc58 100644 --- a/assets/scss/common/grid.scss +++ b/assets/scss/common/grid.scss @@ -134,11 +134,11 @@ } &-body-container{ - border-right: 1px solid; - border-right-color: map-deep-get($config, - #{$theme}, - "tui-grid-cell-borderColor" - ); + border-right: 0; + // border-right-color: map-deep-get($config, + // #{$theme}, + // "tui-grid-cell-borderColor" + // ); width: auto !important; } @@ -151,24 +151,27 @@ width: $scrollbar-width !important; height: $scrollbar-width !important; -webkit-appearance: initial; - background-color: map-deep-get($config, - #{$theme}, - "scrollbar-track" - ) !important; + // background-color: map-deep-get($config, + // #{$theme}, + // "tui-grid-cell-borderColor" + // ) !important; + background-color: rgba(0, 0, 0, 0) !important; border-radius: 3px !important; } & ::-webkit-scrollbar-track { - background-color: map-deep-get($config, - #{$theme}, - "scrollbar-track" - ) !important; + // background-color: map-deep-get($config, + // #{$theme}, + // "tui-grid-cell-borderColor" + // ) !important; + background-color: rgba(0, 0, 0, 0) !important; } & ::-webkit-scrollbar-thumb { width: 50px !important; height: 50px !important; background-color: map-deep-get($config, #{$theme}, "scrollbar-thumb"); + // background-color: rgba(0, 0, 0, 0); border-radius: 3px; } @@ -195,6 +198,7 @@ &-scrollbar-right-top { background-color: rgba(0, 0, 0, 0); border: none; + display: none; // background-color: map-deep-get( // $config, // #{$theme}, @@ -221,12 +225,13 @@ width: $scrollbar-width !important; height: $scrollbar-width !important; // display: none !important; - border-color: map-deep-get($config, #{$theme}, "scrollbar-track"); - background-color: map-deep-get($config, #{$theme}, "scrollbar-track"); + border-color: map-deep-get($config, #{$theme}, "cardBackground"); + background-color: map-deep-get($config, #{$theme}, "cardBackground"); // border: none !important; // bottom: -1px; // right: -2px; box-sizing: border-box; + // display: none; } &-scrollbar-frozen-border, @@ -236,13 +241,9 @@ border-color: transparent !important; } - // &-body-area { - // overflow: auto !important; - // } - + &-body-area, &-container, &-layer-state, - &-body-area, &-summary-area, &-cell { background-color: map-deep-get($config, @@ -315,8 +316,8 @@ &-header-area, &-cell-header { // font-family: inherit; + // font-style: Semi Bold; font-weight: 600; - font-style: Semi Bold; background-color: map-deep-get($config, #{$theme}, "tui-grid-header-backgroundColor" @@ -333,8 +334,13 @@ } &-header-area { - background-color: none; + // background-color: none; border: none; + margin-right: 0 !important; + background-color: map-deep-get($config, + #{$theme}, + "tui-grid-cell-backgroundColor" + ); } &-row-odd, diff --git a/assets/scss/var.scss b/assets/scss/var.scss index ec638ff..c1a4bc7 100644 --- a/assets/scss/var.scss +++ b/assets/scss/var.scss @@ -106,7 +106,7 @@ $config: ( tui-grid-header-backgroundColor: #2a2b2d, tui-grid-header-color: #FFFFFFD9, tui-grid-border-horziontal-color: #212224, - tui-grid-border-vertical-color: #212224, + tui-grid-border-vertical-color: #FFFFFF0F, tui-grid-cell-backgroundColor: #212224, tui-grid-cell-color: #fff, tui-grid-cell-insert-color: #13636c, diff --git a/components/common/modal/EgrpPysclQtyPop.vue b/components/common/modal/EgrpPysclQtyPop.vue index 786ec19..b808f11 100644 --- a/components/common/modal/EgrpPysclQtyPop.vue +++ b/components/common/modal/EgrpPysclQtyPop.vue @@ -22,6 +22,7 @@ {{ option.modalTitle }} +
@@ -58,19 +59,27 @@ + +
+
+ +
+
+
-
-
+ + - 닫기