diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss index 3901ba0f..9dc39b65 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; diff --git a/src/styles/_submodal.scss b/src/styles/_submodal.scss index 5b18f74a..e5fae9fb 100644 --- a/src/styles/_submodal.scss +++ b/src/styles/_submodal.scss @@ -228,11 +228,19 @@ margin-bottom: 20px; } .design-request-grid{ - .design-request-grid-tit{ - font-size: 13px; - font-weight: 600; - color: #101010; - margin-bottom: 15px; + .design-request-count{ + display: flex; + align-items: center; + margin-bottom: 10px; + .design-request-grid-tit{ + font-size: 13px; + font-weight: 600; + color: #101010; + } + .select-wrap{ + margin-left: auto; + width: 80px; + } } }