From 24fcaf2b5309791e0195f6efd056c39473daf6be Mon Sep 17 00:00:00 2001
From: geun <1416geun@naver.com>
Date: Wed, 7 Feb 2024 14:57:41 +0900
Subject: [PATCH] =?UTF-8?q?=EB=8B=A4=ED=81=AC=EB=AA=A8=EB=93=9C=20css?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../menu/vertical-menu/VerticalMenuHeader.js | 2 +-
.../layouts/components/navbar/NavbarUser.js | 18 ++++-----
src/assets/css/custom.css | 37 ++++++++++++++++---
.../cstmrService/faq/FaqContainer.js | 4 +-
4 files changed, 44 insertions(+), 17 deletions(-)
diff --git a/src/@core/layouts/components/menu/vertical-menu/VerticalMenuHeader.js b/src/@core/layouts/components/menu/vertical-menu/VerticalMenuHeader.js
index 75bb481..ac51a16 100644
--- a/src/@core/layouts/components/menu/vertical-menu/VerticalMenuHeader.js
+++ b/src/@core/layouts/components/menu/vertical-menu/VerticalMenuHeader.js
@@ -58,7 +58,7 @@ const VerticalMenuHeader = props => {
-
+
setMenuVisibility(false)}
diff --git a/src/@core/layouts/components/navbar/NavbarUser.js b/src/@core/layouts/components/navbar/NavbarUser.js
index 9c03395..2ff6c9b 100644
--- a/src/@core/layouts/components/navbar/NavbarUser.js
+++ b/src/@core/layouts/components/navbar/NavbarUser.js
@@ -15,13 +15,13 @@ const NavbarUser = props => {
const { topMenuCd } = useSelector(state => state.menuState);
// ** Function to toggle Theme (Light/Dark)
- // const ThemeToggler = () => {
- // if (skin === 'dark') {
- // return setSkin('light')} />;
- // } else {
- // return setSkin('dark')} />;
- // }
- // };
+ const ThemeToggler = () => {
+ if (skin === 'dark') {
+ return setSkin('light')} />;
+ } else {
+ return setSkin('dark')} />;
+ }
+ };
const handlerTopMenu = type => {
localStorage.setItem('topMenuCd', type);
@@ -148,13 +148,13 @@ const NavbarUser = props => {
- {/*
{/*
diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css
index 3f065f9..6db19d1 100644
--- a/src/assets/css/custom.css
+++ b/src/assets/css/custom.css
@@ -345,16 +345,16 @@ h1.logo span{display:block;color:#394182;font-weight:bold;letter-spacing:2px;fon
.dark-layout .login-logo{color:#bbb;}
.dark-layout .login-img{background:#161d31;}
.dark-layout .login-form{background:#283046;}
-.dark-layout .login-form form{width:100%;padding:0 120px;}
+/* .dark-layout .login-form form{width:100%;padding:0 120px;} */
.dark-layout .login-form .form-control{background:transparent;border:1px solid #404656;}
-.dark-layout .login-form .form-control:focus{border-color:#8a1c05;border-right:1px solid #8a1c05;}
+.dark-layout .login-form .form-control:focus{border-color:#7367f0;border-right:1px solid #7367f0;}
.dark-layout .login-form .form-label-group > label{color:#bbb;}
.dark-layout .login-form .form-control-position svg{color:#bbb;}
.dark-layout .login-form .form-control::placeholder{color:#bbb;}
.dark-layout .login-form .vx-checkbox-con .vx-checkbox{border-color: #404656;}
.dark-layout .login-txt{width:100%;margin-bottom:20px;}
-.dark-layout .login-txt h2{color:#f4f4f4;font-family: "Montserrat", serif;}
-.dark-layout .login-txt p{color:#bbb;font-family: "Montserrat", serif}
+.dark-layout .login-txt h2{color:#f4f4f4}
+.dark-layout .login-txt p{color:#bbb}
.full-btn button{width:100%;margin-bottom:10px;}
.login-link{margin-top:10px;}
@media screen and (max-width:1280px){
@@ -1057,10 +1057,12 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
.faq .input-group-prepend{margin-left:-1px;}
.faq .input-group-prepend .input-group-text{border-radius:0.357rem;border-right:1px solid #d8d6de}
+.dark-layout .faq .input-group-prepend .input-group-text{border-right:1px solid transparent}
.faq .search-feather{width:100%;max-width:50%}
.faq .faq-search{display:flex;align-items:center;}
.faq .tab-menu{margin-top:1rem}
.faq .tab-menu .nav-pills .nav-link{background:#f4f4f4;color:#555}
+.dark-layout .faq .tab-menu .nav-pills .nav-link{background:#283046;color:#a9a9a9}
.faq .tab-menu .nav-pills .nav-item + .nav-item{margin-left:14px}
.faq .tab-menu .nav-pills .nav-link.active{background:#8a1c05;color:#fff;font-weight:600;}
.faq .tab-content{display:block;}
@@ -1078,6 +1080,7 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
.faq .app-collapse .collapse-title{width:100%;}
.faq-q button{min-width:100px;position: relative;z-index: 2;}
.faq-a{display:flex;background:#f4f4f4;padding:1rem}
+.dark-layout .faq-a{display:flex;background:#343D55;}
.faq-a-text{margin-top:4px;word-break: keep-all;margin-left:10px;display:block;width: calc(100% - 40px);font-weight: 400;}
.faq-modal .form-group label{font-size:0.875rem;font-weight:400;}
.input-radio-inline{display:flex;height:34px;align-items: center;}
@@ -1163,4 +1166,28 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
.fsm-ti{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;padding-bottom:0.5rem;margin-bottom:1rem}
.fsm-ti h5{font-weight:500}
.fsm-ti .btn-wrap button + button{margin-left:0.5rem}
-.fsm-box .list-input label{font-size:0.875rem}
\ No newline at end of file
+.fsm-box .list-input label{font-size:0.875rem}
+
+/*dark-layout*/
+.dark-layout .main-menu .navbar-header .navbar-brand .brand-text{color:#fff}
+.dark-layout .color-wh .text-primary{color:#fff!important}
+.main-menu.menu-dark .navigation > li ul .active{background:linear-gradient(118deg, #7367f0, rgba(115, 103, 240, 0.7));box-shadow: 0 0 10px 1px rgba(115, 103, 240, 0.7);}
+.main-menu.menu-dark .navigation > li .active > a {color: #7367f0;margin-bottom: 0; }
+.main-menu.menu-dark .navigation > li.active > a {background: linear-gradient(118deg, #7367f0, rgba(115, 103, 240, 0.7));}
+.main-menu.menu-dark .navigation > li.active > a {box-shadow: 0 0 10px 1px rgba(115, 103, 240, 0.7);border-radius: 4px;}
+.dark-layout .input-group:focus-within .form-control, .dark-layout .input-group:focus-within .input-group-text {border-color: #7367f0;box-shadow: none;}
+.dark-layout .nav-tabs .nav-link:after {background: linear-gradient(30deg, #7367f0, rgba(115, 103, 240, 0.5)) !important;}
+.dark-layout .btn-primary {border-color: #7367f0 !important;background-color: #7367f0 !important;}
+.dark-layout .btn-primary:hover:not(.disabled):not(:disabled) {box-shadow: 0 8px 25px -8px #7367f0;}
+.dark-layout .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .dark-layout .custom-radio .custom-control-input:checked ~ .custom-control-label::before {box-shadow: 0 2px 4px 0 rgba(115, 103, 240, 0.4) !important;}
+.dark-layout .custom-control-input:checked ~ .custom-control-label::before {border-color: #7367f0; background-color: #7367f0;}
+.dark-layout .btn-outline-primary {border: 1px solid #7367f0 !important;background-color: transparent;color: #7367f0; }
+.dark-layout .btn-outline-primary:hover:not(.disabled):not(:disabled) {background-color: rgba(138, 28, 5, 0.04);}
+.dark-layout .btn-outline-primary:hover:not(.disabled):not(:disabled) {color: #7367f0;}
+.dark-layout .btn-outline-primary:not(:disabled):not(.disabled):active, .dark-layout .btn-outline-primary:not(:disabled):not(.disabled).active, .dark-layout .btn-outline-primary:not(:disabled):not(.disabled):focus {background-color: rgba(115, 103, 240, 0.2);}
+.dark-layout .btn-outline-primary:not(:disabled):not(.disabled):active, .dark-layout .btn-outline-primary:not(:disabled):not(.disabled).active, .dark-layout .btn-outline-primary:not(:disabled):not(.disabled):focus {color: #7367f0;}
+.dark-layout .nav-pills .nav-link.active {background-color: #7367f0!important;border-color: #7367f0;box-shadow: 0 4px 18px -4px rgba(115, 103, 240, 0.65);}
+.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
diff --git a/src/containers/cstmrService/faq/FaqContainer.js b/src/containers/cstmrService/faq/FaqContainer.js
index 8ca37c5..ee55ecc 100644
--- a/src/containers/cstmrService/faq/FaqContainer.js
+++ b/src/containers/cstmrService/faq/FaqContainer.js
@@ -260,7 +260,7 @@ export default function FaqContainer() {
{/* User 권한일 경우 수정하기 버튼 미노출 */}
{user?.authId !== 'USER' && (
- {
e.stopPropagation();
@@ -268,7 +268,7 @@ export default function FaqContainer() {
}}
>
수정하기
-
+
)}