|
.modal { |
|
position: relative; |
|
} |
|
|
|
.modalHeader { |
|
@apply flex items-center place-content-between h-8; |
|
} |
|
.modalHeader .title { |
|
@apply grow; |
|
font-weight: 600; |
|
font-size: 20px; |
|
line-height: 32px; |
|
color: #101828; |
|
} |
|
.modalHeader .close { |
|
@apply shrink-0 h-4 w-4 bg-center bg-no-repeat cursor-pointer; |
|
background-image: url(../assets/close.svg); |
|
background-size: 16px; |
|
} |
|
|
|
.modal .tip { |
|
@apply mt-1 mb-8; |
|
font-weight: 400; |
|
font-size: 13px; |
|
line-height: 18px; |
|
color: #667085; |
|
} |
|
|
|
.form { |
|
@apply mb-8; |
|
} |
|
.form .label { |
|
@apply mb-2; |
|
font-weight: 500; |
|
font-size: 14px; |
|
line-height: 20px; |
|
color: #101828; |
|
} |
|
|