From 41ea9fcb94a17195209dd884c3b6d04ba97cf826 Mon Sep 17 00:00:00 2001 From: psy Date: Wed, 23 Mar 2022 09:42:24 +0900 Subject: [PATCH 1/3] =?UTF-8?q?2022.03.23=20=EB=B0=95=EC=86=8C=EC=98=81=20?= =?UTF-8?q?=EB=A9=94=EC=9D=B8=EB=94=94=EC=9E=90=EC=9D=B8=EC=BB=A4=EB=B0=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/webapp/WEB-INF/jsp/index.jsp | 74 ++++++----- src/main/webapp/WEB-INF/jsp/nav.jsp | 1 + .../resource/css/file-drag-and-drop.css | 22 +++- src/main/webapp/resource/css/images/arrow.png | Bin 0 -> 321 bytes src/main/webapp/resource/css/images/logo.png | Bin 0 -> 1104 bytes .../webapp/resource/css/images/uploadFile.png | Bin 0 -> 519 bytes src/main/webapp/resource/css/style.css | 124 +++++++++++++++++- 7 files changed, 178 insertions(+), 43 deletions(-) create mode 100644 src/main/webapp/resource/css/images/arrow.png create mode 100644 src/main/webapp/resource/css/images/logo.png create mode 100644 src/main/webapp/resource/css/images/uploadFile.png diff --git a/src/main/webapp/WEB-INF/jsp/index.jsp b/src/main/webapp/WEB-INF/jsp/index.jsp index 354d045..6758456 100644 --- a/src/main/webapp/WEB-INF/jsp/index.jsp +++ b/src/main/webapp/WEB-INF/jsp/index.jsp @@ -209,7 +209,7 @@ let findData = ()=>{ div.content{ margin: 10px; } - button { +/* button { height:27px; padding: 10px 15px 30px 15px; margin: 10px; @@ -223,7 +223,7 @@ let findData = ()=>{ border-color: #6a5a64; text-shadow: none; box-shadow: none; - } + }*/ @@ -235,45 +235,49 @@ let findData = ()=>{
-
-

CI 변환

-
- 메뉴 세부정보 -
    -
  • 주민번호에 대한 CI 값을 취득 합니다.
    • -
  • 첨부파일은 엑셀문서(xls,xlsx)만 가능 합니다.
    • -
  • 첨부파일의 시트에는 `A열:성명, B:주민번호` 가 작성되어 있어야 합니다.
    • - [첨부파일 작성방법] -
      -
    • 1행: 컬럼명(A열:성명, B열:주민번호)
      • -
    • 2~xxx행: 데이터
      • +
      +
      +

      CI 변환

      +
      + 메뉴 세부정보 +
        +
      • 주민번호에 대한 CI 값을 취득 합니다.
        • +
      • 첨부파일은 엑셀문서(xls,xlsx)만 가능 합니다.
        • +
      • 첨부파일의 시트에는 `A열:성명, B:주민번호` 가 작성되어 있어야 합니다.
        • + [첨부파일 작성방법] +
          +
        • 1행: 컬럼명(A열:성명, B열:주민번호)
          • +
        • 2~xxx행: 데이터
          • +
      -
    -
-
-
+ +
+
- + - -
-

첨부파일(xls,xlsx)을 이곳에 올려주세요

+ +
+

첨부파일(xls,xlsx)을 이곳에 올려주세요

+
+ + + + + + + + +
+
+
- - - - - - - - -
-
-
+ <%--box_group 종료--%>
diff --git a/src/main/webapp/WEB-INF/jsp/nav.jsp b/src/main/webapp/WEB-INF/jsp/nav.jsp index 43b585a..ee796bd 100644 --- a/src/main/webapp/WEB-INF/jsp/nav.jsp +++ b/src/main/webapp/WEB-INF/jsp/nav.jsp @@ -13,6 +13,7 @@
diff --git a/src/main/webapp/resource/css/images/m_logo.png b/src/main/webapp/resource/css/images/m_logo.png new file mode 100644 index 0000000000000000000000000000000000000000..e4880268ff4377af52439d63f137574e1558dd51 GIT binary patch literal 703 zcmV;w0zmzVP)%WY<+Y?bw~sxoPLdg4h{3sScGU&CsX5iQ>kvgzP0aG@)i+ug*|h z$+Huyz3SXiF{aQ@bLwdJK^0HhwWJmYNX1fwOOXm4IK}mR1E#N6A!QfRb-B_dP!o}_ za*it{Wq#$hfV<{kH1`-LE;>OuN#v|%qO+unoiaqynq?oA3JW1i@8#X074R^~jHRfo2u*uKywIwVuk<;~Z?roGp4&@xWeEn{zWrM)KOrA`y4 z`PXMgu5WUowihnR@25_*w0Gb{oFUuE lLcSA(d?yI`&S(h%e*lYFfz&t2577Vs002ovPDHLkV1nQ+LIMB) literal 0 HcmV?d00001 diff --git a/src/main/webapp/resource/css/style.css b/src/main/webapp/resource/css/style.css index 9396e4a..631a3ea 100644 --- a/src/main/webapp/resource/css/style.css +++ b/src/main/webapp/resource/css/style.css @@ -65,6 +65,7 @@ details ul span{color:#686868;} list-style: none; } .nav .logo{ + width: 214px; height: 30px; background-image: url(./images/logo.png); background-size: 128px; @@ -79,6 +80,8 @@ details ul span{color:#686868;} font-size: 18px; padding-left: 15px; } +.m-dp1{display: none;} + .box_group{ background: #fff; border-radius: 10px; @@ -144,4 +147,89 @@ button span{ button:hover{ transition: all 0.3s; background:#4367a6; -} \ No newline at end of file +} + +/* 미디어쿼리 */ +@media only screen and (max-width : 500px){ + div.app-item.nav{ + width: 100%; + } + .nav{ + display: flex; + } + .nav .logo{ + border: none; + margin: 0px; + background-image: url(./images/m_logo.png); + background-size: 52px; + background-position: 7px 3px; + } + .dp1 a{ + display: none; + } + .m-dp1{ + display: block; + } + /*인풋에 체크되기 전*/ + #menuicon {display: none;} + #menuicon + label { + display: block; + /*margin: 30px;*/ + width: 33px; + height: 28px; + /*z-index: 9999;*/ + position: relative; + cursor: pointer; + right: -180px; + top: 3px; + } + #menuicon + label span{ + display: block; + position: absolute; + width: 100%; + height: 4px; + border-radius: 30px; + background: #fff; + transition: all .35s; + } + #menuicon + label span:nth-child(1){top:0;} + #menuicon + label span:nth-child(2){top:50%; transform: translateY(-50%);} + #menuicon + label span:nth-child(3){bottom: 0;} + + /*인풋에 체크 후*/ + #menuicon:checked + label{z-index: 17;} + #menuicon:checked + label span{background: #fff;} + #menuicon:checked + label span:nth-child(1){top:50%; transform: translateY(-50%) rotate(45deg);} + #menuicon:checked + label span:nth-child(2){opacity:0;} + #menuicon:checked + label span:nth-child(3){bottom:50%; transform: translateY(50%) rotate(-45deg);} + + .m-sidebar{ + width: 200px; + height: 100%; + background: #182e49; + position: fixed; + top: 0; + right: -300px; + z-index: 16; + transition: all .35s; + margin-top: 8px; + } + .m-sidebar ul{list-style: none;} + .m-sidebar h3{ + color:#fff; + padding-top: 50px; + padding-left: 23px; + font-family: 'Noto Sans KR', sans-serif; + font-weight: 500; + } + .m-sidebar a{ + color: #fff; + display:inline-block; + border: 0px solid red; + list-style: none; + font-family: 'Noto Sans KR', sans-serif; + font-weight: 400; + } + #menuicon:checked + label +div {right:0;} + +}/*삭제조심*/ \ No newline at end of file From 0f362c71f97d509c01c4e1182e9b628aa4d9ca1e Mon Sep 17 00:00:00 2001 From: psy Date: Wed, 23 Mar 2022 13:46:53 +0900 Subject: [PATCH 3/3] =?UTF-8?q?=20=ED=8C=8C=EC=9D=BC=EC=97=85=EB=A1=9C?= =?UTF-8?q?=EB=93=9C=20=EC=84=B8=EB=B6=80=EB=94=94=EC=9E=90=EC=9D=B8?= =?UTF-8?q?=EC=88=98=EC=A0=95=EC=BB=A4=EB=B0=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/webapp/resource/css/file-drag-and-drop.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/main/webapp/resource/css/file-drag-and-drop.css b/src/main/webapp/resource/css/file-drag-and-drop.css index 6b52f7d..7669625 100644 --- a/src/main/webapp/resource/css/file-drag-and-drop.css +++ b/src/main/webapp/resource/css/file-drag-and-drop.css @@ -6,7 +6,7 @@ transition: all .15s ease-in-out; width: 350px; height: 150px; - background-color: #f9f9f9; + background-color: #f9f9f9 !important; border-radius: 4px; display: flex; @@ -23,7 +23,8 @@ } .file-drag-and-drop p{ - padding-top: 32px; + background-color: #f9f9f9 !important; + margin-top: 32px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; font-size: 15px;