From 642d52d4e8e666f539a4135580f6215d68489097 Mon Sep 17 00:00:00 2001 From: geun <1416geun@naver.com> Date: Wed, 7 Feb 2024 15:37:21 +0900 Subject: [PATCH] css --- src/assets/css/custom.css | 44 ++++++++++++++++++++++++++++++++++++--- 1 file changed, 41 insertions(+), 3 deletions(-) diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css index 6db19d1..3dcf67b 100644 --- a/src/assets/css/custom.css +++ b/src/assets/css/custom.css @@ -256,14 +256,25 @@ input:read-only::-webkit-scrollbar-track { .custom-control-gray .custom-control-input:active ~ .custom-control-label::before{background-color:#555;border-color:#555;} .layer-switch-list svg{margin-right:8px;} .layer-switch-list .custom-switch .custom-control-label:after{top:2px;} -.map-btn{border:1px solid #ddd;border-radius:0.358rem} +.map-btn .btn-group{display:flex;} +.map-btn .btn-group .btn{border:1px solid #ddd;} +.map-btn .btn-group > .btn:not([class*='btn-outline-']):not([class*='btn-flat-']):not([class*='btn-gradient-']):not([class*='btn-relief-']):last-child, +.map-btn .btn-group > .btn:not([class*='btn-outline-']):not([class*='btn-flat-']):not([class*='btn-gradient-']):not([class*='btn-relief-']):last-of-type{border-left-color:#ddd!important;border-right-color:#ddd!important;} +.map-btn .btn-group > .btn:not([class*='btn-outline-']):not([class*='btn-flat-']):not([class*='btn-gradient-']):not([class*='btn-relief-']):first-child, +.map-btn .btn-group > .btn:not([class*='btn-outline-']):not([class*='btn-flat-']):not([class*='btn-gradient-']):not([class*='btn-relief-']):first-of-type{border-left-color:#ddd!important;border-right-color:#ddd!important;} +.dark-layout .map-btn .btn-group .btn{border:1px solid #404656;} +.dark-layout .map-btn .btn-group > .btn:not([class*='btn-outline-']):not([class*='btn-flat-']):not([class*='btn-gradient-']):not([class*='btn-relief-']):last-child, +.dark-layout .map-btn .btn-group > .btn:not([class*='btn-outline-']):not([class*='btn-flat-']):not([class*='btn-gradient-']):not([class*='btn-relief-']):last-of-type{border-left-color:#404656!important;border-right-color:#404656!important;} +.dark-layout .map-btn .btn-group > .btn:not([class*='btn-outline-']):not([class*='btn-flat-']):not([class*='btn-gradient-']):not([class*='btn-relief-']):first-child, +.dark-layout .map-btn .btn-group > .btn:not([class*='btn-outline-']):not([class*='btn-flat-']):not([class*='btn-gradient-']):not([class*='btn-relief-']):first-of-type{border-left-color:#404656!important;border-right-color:#404656!important;} +/* .map-btn{border:1px solid #ddd;border-radius:0.358rem} .map-btn .btn-group, .btn-group-vertical{width:100%;} .map-btn button:hover{box-shadow:none!important;} .map-btn button{color:#555!important;background:#fff!important;} .map-btn button:focus{color:#8a1c05;background:#8a1c05!important;color:#fff!important;border-color:rgba(34, 41, 47, 0.08) !important} .dark-layout .map-btn button{color:#bbb!important;background:#283046!important;border-color:rgba(34, 41, 47, 0.08) !important;} .dark-layout .map-btn button:focus{color:#8a1c05;background:#8a1c05!important;color:#fff!important;border-color:rgba(34, 41, 47, 0.08) !important} -.map-btn .btn-primary{background:#8a1c05!important;color:#fff!important;} +.map-btn .btn-primary{background:#8a1c05!important;color:#fff!important;} */ /* .map-btn .btn-group > .btn:not([class*='btn-outline-']):not([class*='btn-flat-']):not([class*='btn-gradient-']):not([class*='btn-relief-']):first-child, .map-btn .btn-group > .btn:not([class*='btn-outline-']):not([class*='btn-flat-']):not([class*='btn-gradient-']):not([class*='btn-relief-']):first-of-type{border-left-color:transparent!important;} .map-btn .btn-group [class*='btn-']:not([class*='btn-outline-']):not([class*='btn-flat-']):not([class*='btn-gradient-']):not([class*='btn-relief-']){border-left-color:#9489ff!important;} */ @@ -960,6 +971,7 @@ background-size: 75% auto; .onstop-link button{width:100%;} .laanc-pop-btn{font-size:1rem;min-width:280px;margin-bottom:1rem} .laanc-modal{margin:0;position:fixed;right:0;top:0;height:100vh;overflow-y: scroll;box-shadow: -4px 1px 10px #ddd;min-width:500px} +.dark-layout .laanc-modal{box-shadow: -4px 1px 10px #283046;} .laanc-modal .modal-content{height:100vh;} .laanc-modal .modal-header{position:sticky;width:100%;top:0;z-index:2;} .laanc-modal .modal-header h5{display:flex;width:100%;align-items: center;justify-content: space-between;} @@ -973,15 +985,18 @@ background-size: 75% auto; .laanc-modal .step li + li{margin-left:8px} .laanc-modal .step span{display:inline-block;width:14px;height:14px;border-radius:100%;background:#ddd} .laanc-modal .step span.on{background:#8a1c05} +.dark-layout .laanc-modal .step span.on{background:#7367f0} .laanc-map-btn{width:100%;display:flex;justify-content: space-between} .laanc-point button + button{margin-left:10px;} .laanc-modal .alert .alert-body{text-align:center} .laanc-modal .alert span{font-weight:500;} .laanc-modal .cancel-box{font-size:0.875rem} .laanc-modal .list-txt{color: #808080;line-height:1.6;} +.dark-layout .laanc-modal .list-txt{color:#bbb} .laanc-modal .list-txt > li {position: relative;padding-left:14px;font-size:0.875rem;word-break: keep-all;} .laanc-modal .list-txt > li + li{margin-top:4px} .laanc-modal .list-txt > li:before {content:'';display: inline-block;width:4px;height:4px;background:#8a1c05;border-radius:50%;position: absolute;top: 10px;left:4px;} +.dark-layout .laanc-modal .list-txt > li:before{background:#7367f0} .laanc-modal .ti.icon-ti{justify-content: flex-start;align-items: flex-end;} .laanc-modal .ti.icon-ti svg{margin-right:6px;width:20px} .laanc-modal .terms-box{max-height:180px;overflow-x: hidden;;overflow-y:scroll;border:1px solid #ddd;padding:0.857rem;border-radius: 0.357rem;} @@ -1190,4 +1205,27 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;} .dark-layout [class*='collapse-'] .card{border-color: #3b4253!important;} .dark-layout .btn-flat-primary{color:#7367f0} .dark-layout .btn-flat-primary:hover:not(.disabled):not(:disabled) { background-color: rgba(115, 103, 240, 0.12);} -.dark-layout .btn-flat-primary:active, .dark-layout .btn-flat-primary.active, .dark-layout .btn-flat-primary:focus {background-color: rgba(115, 103, 240, 0.2);} \ No newline at end of file +.dark-layout .btn-flat-primary:active, .dark-layout .btn-flat-primary.active, .dark-layout .btn-flat-primary:focus {background-color: rgba(115, 103, 240, 0.2);} +.dark-layout .h5-ti-icon::before{background:#7367f0} +.dark-layout .report-table thead th{background: #6059c4;color: #ddd;} +.dark-layout .report-table *{border-color:#666!important} +.dark-layout .report-wrap .text-point{color:#7367f0} +.dark-layout .report-box-bg {background: rgba(115, 103, 240, 0.1);} +.dark-layout .report-box-bg .list-info h5{color:#7367f0} +.dark-layout .report-box-bg ul li{color:#bbb} +.dark-layout .badge.badge-light-primary {background-color: rgba(115, 103, 240, 0.12);} +.dark-layout .badge.badge-light-primary {color: #7367f0 !important;} +.dark-layout .text-primary{color: #7367f0 !important;} +.dark-layout .flatpickr-calendar .flatpickr-day.startRange, +.dark-layout .flatpickr-calendar .flatpickr-day.endRange, +.dark-layout .flatpickr-calendar .flatpickr-day.startRange:hover, +.dark-layout .flatpickr-calendar .flatpickr-day.endRange:hover{color: #fff;background:#7367f0;border-color:#7367f0} +.dark-layout .flatpickr-calendar .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)), +.dark-layout .flatpickr-calendar .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)), +.dark-layout .flatpickr-calendar .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)){box-shadow: -10px 0 0 #7367f0;} +.dark-layout .flatpickr-calendar .flatpickr-day.today{border-color:#7367f0} +.dark-layout .flatpickr-calendar .flatpickr-day.inRange, .dark-layout .flatpickr-calendar .flatpickr-day.inRange:hover { + background: #283046!important; + border-color: #283046!important; + box-shadow: -5px 0 0 #283046, 5px 0 0 #283046!important; } +.dark-layout .data-list{background:#7367f0;border-color:#7367f0} \ No newline at end of file