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;
}