diff --git a/src/app/management/newproduct/page.jsx b/src/app/management/newproduct/page.jsx index 463bbb3..755bf75 100644 --- a/src/app/management/newproduct/page.jsx +++ b/src/app/management/newproduct/page.jsx @@ -47,7 +47,7 @@ export default function NewProductPage(){ {/* */} {/* 설계의뢰 불러오기 팝업 */} - + {/* */} ) } \ No newline at end of file diff --git a/src/components/sub/management/newproduct/NewProductTable.jsx b/src/components/sub/management/newproduct/NewProductTable.jsx index 041e693..c6cf788 100644 --- a/src/components/sub/management/newproduct/NewProductTable.jsx +++ b/src/components/sub/management/newproduct/NewProductTable.jsx @@ -192,7 +192,9 @@ export default function NewProductTable(){ -
+
+ 塩害地域の定義は各メーカーの設置マニュアルをご確認ください +
diff --git a/src/components/sub/management/productinfo/ProductInfoTable.jsx b/src/components/sub/management/productinfo/ProductInfoTable.jsx index 55b070d..857ec37 100644 --- a/src/components/sub/management/productinfo/ProductInfoTable.jsx +++ b/src/components/sub/management/productinfo/ProductInfoTable.jsx @@ -102,7 +102,9 @@ export default function ProductInfoTable(){
一次販売店名/ID *
-
+
+ 販売代理店または販売代理店IDを1文字以上入力してください。 +
@@ -125,7 +127,9 @@ export default function ProductInfoTable(){
二次販売店名/ID *
-
+
+ 販売代理店または販売代理店IDを1文字以上入力してください。 +
@@ -225,7 +229,7 @@ export default function ProductInfoTable(){ -
+
塩害地域の定義は各メーカーの設置マニュアルをご確認ください
diff --git a/src/styles/_table.scss b/src/styles/_table.scss index 51e26e6..f615547 100644 --- a/src/styles/_table.scss +++ b/src/styles/_table.scss @@ -115,24 +115,37 @@ table{ cursor: pointer; span{ position: absolute; - top: -25px; - left: -10px; - padding: 3px 7px; - font-size: 11px; + top: 50%; + transform: translateY(-50%); + left: 25px; + padding: 11px 7px; + font-size: 12px; font-weight: 400; - color: #344356; - background-color: #F7F9FA; - border: 1px solid #ECF0F4; - border-radius: 30px; + color: #45576F; + background-color: #fff; + border: 2px solid #45576F; + border-radius: 2px; white-space: nowrap; opacity: 0; visibility: hidden; z-index: 99; transition: all .15s ease-in-out; + &::before{ + content: ''; + position: absolute; + top: 50%; + left: -6px; + transform: translateY(-50%) rotate(45deg); + width: 9px; + height: 9px; + border: 2px solid #45576F; + background-color: #fff; + border-top: none; + border-right: none; + } } &:hover{ span{ - top: -30px; opacity: 1; visibility: visible; }