寸法線 設定
@@ -34,7 +34,7 @@ export default function LineOption(){
diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index 3901ba0..9dc39b6 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -1655,24 +1655,33 @@ $alert-color: #101010;
.form-box{
width: 100%;
background-color: #fff;
- padding: 10px 0 20px;
+ padding: 10px 15px 20px;
.line-form{
position: relative;
- width: 102px;
- height: 40px;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-end;
+ min-width: 102px;
+ min-height: 40px;
margin: 0 auto;
- border-left: 1px dashed #101010;
- border-right: 1px dashed #101010;
- .line-font-box{
+
+ &::before{
+ content: '';
position: absolute;
- bottom: -3px;
+ bottom: 0px;
left: 0;
width: 100%;
- text-align: center;
+ height: 40px;
+ border-left: 1px dashed #101010;
+ border-right: 1px dashed #101010;
+ }
+ .line-font-box{
.font{
display: block;
- padding-bottom: 6px;
+ padding-bottom: 15px;
color: #101010;
+ text-align: center;
+ line-height: 1;
}
.line{
position: relative;
@@ -1687,7 +1696,7 @@ $alert-color: #101010;
transform: translateY(-50%) rotate(45deg);
left: 1px;
width: 9px;
- height: 9px;
+ height:+ 9px;
border: 1px solid;
border-color: inherit;
border-top: none;