diff --git a/public/static/images/sub/product-del.svg b/public/static/images/sub/product-del.svg new file mode 100644 index 00000000..dab3463a --- /dev/null +++ b/public/static/images/sub/product-del.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/styles/_contents.scss b/src/styles/_contents.scss index f70745b3..70bd9f40 100644 --- a/src/styles/_contents.scss +++ b/src/styles/_contents.scss @@ -1200,7 +1200,6 @@ border: 1px solid #E5E5E5; background: #FFF; transition: all .15s ease-in-out; - cursor: pointer; .file-item-info{ .item-num{ display: inline-block; @@ -1255,4 +1254,32 @@ font-size: 16px; font-weight: 500; color: #344356; +} + +//신규물건 등록 +.product-input-wrap{ + display: flex; + align-items: center; + width: 200px; + height: 30px; + background-color: #FAFAFA; + border: 1px solid #EEE; + padding: 0 10px; + input{ + font-size: 13px; + font-weight: 400; + color: #999999; + padding: 0; + height: 100%; + flex: 1 ; + background-color: inherit; + } + .product-delete{ + flex: none; + display: block; + width: 15px; + height: 100%; + background: url(../../public/static/images/sub/product-del.svg)no-repeat center; + background-size: 15px 15px; + } } \ No newline at end of file diff --git a/src/styles/_reset.scss b/src/styles/_reset.scss index d483c7b7..b623dbff 100644 --- a/src/styles/_reset.scss +++ b/src/styles/_reset.scss @@ -460,6 +460,7 @@ input[type=text]{ line-height: 30px; border-radius: 2px; background-color: #323234; + border: 1px solid #323234; color: #fff; font-size: 12px; font-weight: 500; @@ -467,6 +468,10 @@ input[type=text]{ padding: 0 10px; letter-spacing: 0px; text-align: right; + transition: border .15s ease-in-out; + &:focus{ + border: 1px solid #1083E3; + } &::placeholder{ opacity: 1; font-size: 12px; @@ -498,6 +503,9 @@ input[type=text]{ font-weight: normal; transition: border-color .17s ease-in-out; text-align: left; + &:focus{ + border-color: #94A0AD; + } &:read-only{ background-color: #FAFAFA; color: #999999;