IP 등록 UI 및 검증 로직 업데이트
eapim-portal CI / build (push) Has been cancelled
eapim-portal Test / test (push) Has been cancelled

- `.ip-input-row`/`.btn-add-ip` 정렬 및 버튼 크기 수정
- Callback URL 관련 입력 및 검증 로직 주석 처리
- 화이트리스트 필수 입력 항목 검증 로직 추가
This commit is contained in:
Rinjae
2026-06-30 10:54:22 +09:00
parent 06c18e437b
commit 8d232734b1
2 changed files with 40 additions and 23 deletions
@@ -370,6 +370,7 @@
// IP Input Row - Step 1 Style
.ip-input-row {
display: flex;
align-items: center;
gap: 21px;
.ip-input {
@@ -398,7 +399,7 @@
}
.btn-add-ip {
width: auto;
width: 100px;
height: 40px;
padding: 0 16px;
background-color: #3ba4ed;
@@ -410,20 +411,23 @@
cursor: pointer;
transition: background-color 0.2s ease;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
&:hover {
background-color: #2b94dd;
}
@include respond-to('md') {
width: auto;
width: 100%;
font-size: 14px;
height: 38px;
}
// Figma 모바일 (1290-3137): 89px × 40px, border-radius 8px, 12px bold
@include respond-to('sm') {
width: auto;
width: 89px;
height: 36px;
font-size: 13px;
border-radius: 8px;
@@ -446,6 +450,7 @@
.ip-item {
display: flex;
align-items: center;
gap: 21px;
padding: 0;
border-bottom: none;
@@ -488,25 +493,26 @@
}
.btn-remove-ip {
width: 158px !important;
height: 60px !important;
width: 100px !important;
height: 40px !important;
background-color: #e5e7eb !important;
color: #5f666c !important;
border: none !important;
border-radius: $border-radius-lg !important;
font-size: 20px !important;
font-weight: $font-weight-bold;
border-radius: $border-radius-md !important;
font-size: 14px !important;
font-weight: $font-weight-semibold;
cursor: pointer;
transition: background-color 0.2s ease;
flex-shrink: 0;
display: flex !important;
align-items: center;
justify-content: center;
align-self: center;
@include respond-to('md') {
width: 100% !important;
font-size: 16px !important;
height: 50px !important;
font-size: 14px !important;
height: 38px !important;
}
// Figma 모바일 (1290-3137): 89px × 40px, border-radius 8px, 12px bold