From 5492c14133dd1c28ce8432d088f371bef96daed9 Mon Sep 17 00:00:00 2001 From: "yujinxo0125@gmail.com" Date: Fri, 2 Sep 2022 16:19:45 +0900 Subject: [PATCH] =?UTF-8?q?[=20publishing=20]=20css=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/assets/css/layout.css | 11 +-- frontend/src/assets/css/style.css | 118 ++++++++++++++++------------- 2 files changed, 68 insertions(+), 61 deletions(-) diff --git a/frontend/src/assets/css/layout.css b/frontend/src/assets/css/layout.css index 92f6862..d33412f 100644 --- a/frontend/src/assets/css/layout.css +++ b/frontend/src/assets/css/layout.css @@ -71,15 +71,14 @@ body{ } .div-cont {width: 1200px; padding: 0 30px; box-sizing: border-box; margin: auto;} - /* #스크롤바 */ -::-webkit-scrollbar {width:5px; height: 5px; border: 0px solid #fff; background: rgba(140, 140, 140, 0.0);} -::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 4px; background:rgba(0,0,0,0)} -::-webkit-scrollbar-track {background: rgba(140,140,140,0.0); -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.0)} -::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(20,20, 20, .1); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.0)} +::-webkit-scrollbar {width: 10px; height: 7px;} +::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 7px;} +::-webkit-scrollbar-track {background: transparent; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.0)} +::-webkit-scrollbar-thumb {height: 50px; width: 60px; background: #e5deeb; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.0)} @@ -146,5 +145,3 @@ max-height: 90vh; overflow: auto;}/*스크린 height 100%를 벗어나는 긴 - - diff --git a/frontend/src/assets/css/style.css b/frontend/src/assets/css/style.css index 5bcd107..75e26a5 100644 --- a/frontend/src/assets/css/style.css +++ b/frontend/src/assets/css/style.css @@ -128,8 +128,7 @@ header .user_wrap .user_info { -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.18); box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.18); border-radius: 12px; - width: 108px; - height: 84px; + width: 108px; /*20220901 퍼블 수정*/ -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; @@ -150,14 +149,10 @@ header .user_wrap .user_info a { box-sizing: border-box; } -header .user_wrap .user_info .modify { - color: #d92f89; - padding-top: 15px; -} header .user_wrap .user_info .logout { color: #333333; - padding-top: 5px; + padding: 15px 0; /*20220901 퍼블 수정*/ } .main_menu { overflow: hidden; @@ -412,7 +407,7 @@ header .user_wrap .user_info .logout { .contents .search_wrap .group{ width: 100%; display: flex; - align-items: flex-end; + align-items: center; } .contents .search_wrap .group + .group{ @@ -564,18 +559,22 @@ header .user_wrap .user_info .logout { display: inline-block; width: 100%; float: left; - background: url(../images/icon-calender.png) no-repeat right 6% center; - background-color:#fff; + background: url(../images/icon-calender.png) no-repeat right 6% center; + background-color:#fff; } -/*******************20220718 퍼블 수정*******************/ +/*******************20220901 퍼블 수정*******************/ + +.contents .input_box.cal .term .icon_date{ + width: 100%; +} .contents .input_box.cal .term .icon_date:first-of-type{ - margin-right: 4%; + margin-right: 2%; } .contents .input_box.cal .term .icon_date:nth-of-type(2){ - margin-left: 4%; + margin-left: 2%; } /*******************************************/ @@ -1377,6 +1376,7 @@ header .user_wrap .user_info .logout { margin-left: 0px; padding: 0 20px; } + /*customer popup*/ .popup.b-popup{ @@ -1441,7 +1441,7 @@ header .user_wrap .user_info .logout { } .popup.b-popup tr:nth-child(n) .memo:nth-child(n){ - height: 100px; + height: 100px; display: block; overflow: auto; } @@ -1477,7 +1477,7 @@ header .user_wrap .user_info .logout { /**********************20220715 퍼블 수정**********************/ .popup.popup_form .popup-btn2.bulk button:nth-of-type(1)::before{ - content: ''; + content: ''; background: url(../images/icon-f-download.png) no-repeat 0 0; width: 23px; height: 23px; @@ -1485,11 +1485,11 @@ header .user_wrap .user_info .logout { } .popup.popup_form .popup-btn2.bulk button:nth-of-type(2)::before{ - content: ''; + content: ''; background: url(../images/icon-f-upload.png) no-repeat 0 0; width: 23px; height: 23px; - margin: 2px 5px 0 15px; + margin: 2px 5px 0 15px; } /****************************************************************/ @@ -1506,6 +1506,7 @@ header .user_wrap .user_info .logout { width: 35%; } + .popup.popup_form .attach .list{ width: 100%; padding-bottom: 5px; @@ -1566,7 +1567,9 @@ header .user_wrap .user_info .logout { width: 95px; } -.input_add .button.add{ +/********** 20220901 삭제 버튼 추가 ************/ + +.input_add .button.add, .input_add .button.min{ min-width: 40px; margin-left: 2%; } @@ -1576,25 +1579,30 @@ header .user_wrap .user_info .logout { background: url(../images/icon-add-b.png) no-repeat center center; } -/********** 20220718 퍼블 수정 ************/ - -.popup.popup_form.register .input_add div+div{ - width: 89%; - padding-top: 5px; +.input_add .button.min::before{ + content: ''; + position: absolute; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + right: 43px; + width: 14px; + height: 0.3px; + background: #000; } -/********** 20220718 퍼블 추가 ************/ +.popup.popup_form.register .input_add div+div{ + width: 89%; + padding-top: 5px; +} .popup.popup_inside{ - max-height: 60vh; + max-height: 60vh; } .popup.popup_inside .pop-head{ - left: 0px; + left: 0px; } -/****************************************/ - .popup .button.white{ background-color: #fff; border-radius: 6px; @@ -1686,26 +1694,27 @@ header .user_wrap .user_info .logout { } -/********** 20220715 퍼블 수정 ************/ +/********** 20220728 퍼블 수정 ************/ .popup.popup_form table .registration{ - padding: 10px 20px 0 20px; + padding: 10px 20px 0 20px; } .popup.popup_form table .registration ul{ - display: flex; - width: 100%; - flex-wrap: wrap; + display: flex; + width: 100%; + flex-wrap: wrap; } .popup.popup_form table .registration ul li{ - width: 32%; - max-width: 144px; - margin-right: 2%; - font-size: 16px; - margin-bottom: 2%; + width: 32%; + max-width: 144px; + margin-right: 2%; + font-size: 16px; + margin-bottom: 2%; } + /* --- 삭제 .popup.popup_form table .registration ul li:nth-child(3n){ margin-right: 0; @@ -1713,21 +1722,21 @@ header .user_wrap .user_info .logout { */ .popup.popup_form table .registration ul li span{ - min-height: 30px; - max-height: 160px; - overflow: hidden; - border: 1px solid #000; - padding: 5px 10px; - border-radius: 5px; - position: relative; - white-space: normal; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 7; + min-height: 30px; + max-height: 160px; + overflow: hidden; + border: 1px solid #000; + padding: 5px 10px; + border-radius: 5px; + position: relative; + white-space: normal; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 7; } .popup.popup_form table .registration ul li span a img{ - position: absolute; + position: absolute; right: 0px; top: 4px; } @@ -1757,8 +1766,8 @@ header .user_wrap .user_info .logout { /*******************20220718 퍼블 수정*******************/ .essential label span{ - color:#eb008b; - padding-right: 3px; + color:#eb008b; + padding-right: 3px; } /**************************************/ @@ -1806,9 +1815,10 @@ textarea:focus{ .datepicker .datepicker-calender .click a, .datepicker .datepicker-calender .today a{color: #fff;} .datepicker .datepicker-calender .disabled a{color:#c9c9c9 !important;} -/*# sourceMappingURL=style.css.map */ +/*# sourceMappingURL=style.css.map */ /* loadingPage */ + .loadingDimmed { width: 100vw; height: 100vh; @@ -1887,4 +1897,4 @@ textarea:focus{ 66% { opacity: 0.25; } -} \ No newline at end of file +}