테스트 환경 인증번호 동적 표시 및 Sass 3.0 호환성 개선
This commit is contained in:
Rinjae
@@ -1106,7 +1106,7 @@ body.design-survey-active .global-header {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.mobile-drawer .drawer-welcome .btn-drawer-login:hover {
|
||||
background: rgb(0, 52.3166666667, 129);
|
||||
background: rgb(0, 65.7, 162);
|
||||
}
|
||||
.mobile-drawer .drawer-welcome.authenticated {
|
||||
flex-direction: row;
|
||||
@@ -2269,7 +2269,7 @@ body.design-survey-active .global-header {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.btn-success:hover {
|
||||
background: rgb(68.4897959184, 194.5102040816, 93.693877551);
|
||||
background: rgb(83.2897959184, 199.3102040816, 106.493877551);
|
||||
transform: translateY(-3px);
|
||||
}
|
||||
.btn-danger {
|
||||
@@ -2277,7 +2277,7 @@ body.design-survey-active .global-header {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.btn-danger:hover {
|
||||
background: #ff3838;
|
||||
background: rgb(255, 70.8, 70.8);
|
||||
transform: translateY(-3px);
|
||||
}
|
||||
.btn-ghost {
|
||||
@@ -2543,7 +2543,7 @@ body.design-survey-active .global-header {
|
||||
.action-btn-delete:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(75, 155, 255, 0.1);
|
||||
background: rgb(255, 81.5, 81.5);
|
||||
background: rgb(255, 88.9, 88.9);
|
||||
}
|
||||
.action-btn-delete:active {
|
||||
transform: translateY(0);
|
||||
@@ -2661,7 +2661,7 @@ body.design-survey-active .global-header {
|
||||
background: #a4d6ea;
|
||||
}
|
||||
.btn-input-action.btn-change:hover {
|
||||
background: rgb(122.5625, 195.3303571429, 224.4375);
|
||||
background: rgb(131.6625, 199.4303571429, 226.5375);
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(75, 155, 255, 0.1);
|
||||
}
|
||||
@@ -2749,7 +2749,7 @@ body.design-survey-active .global-header {
|
||||
}
|
||||
.status-badge.status-processing {
|
||||
background: rgba(255, 217, 61, 0.1);
|
||||
color: rgb(163, 131.0721649485, 0);
|
||||
color: rgb(221.2, 177.8721649485, 0);
|
||||
}
|
||||
.status-badge.status-failed {
|
||||
background: rgba(255, 107, 107, 0.1);
|
||||
@@ -2789,7 +2789,7 @@ body.design-survey-active .global-header {
|
||||
}
|
||||
.status-badge-header.status-processing {
|
||||
background: rgba(255, 217, 61, 0.1);
|
||||
color: rgb(163, 131.0721649485, 0);
|
||||
color: rgb(221.2, 177.8721649485, 0);
|
||||
}
|
||||
|
||||
.badge-sm {
|
||||
@@ -3214,25 +3214,25 @@ body.design-survey-active .global-header {
|
||||
}
|
||||
}
|
||||
|
||||
.common-section-box, .app-list-container, .register-result, .register-form-container {
|
||||
.common-section-box, .app-list-container, .register-form-container, .register-result {
|
||||
background-color: #f6f9fb;
|
||||
border-radius: 12px;
|
||||
padding: 30px 45px;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.common-section-box, .app-list-container, .register-result, .register-form-container {
|
||||
.common-section-box, .app-list-container, .register-form-container, .register-result {
|
||||
padding: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.common-title-bar, .user-management-container .table-controls, .app-list-title-section, .register-title-bar {
|
||||
.common-title-bar, .app-list-title-section, .register-title-bar {
|
||||
background-color: #f6f9fb;
|
||||
border-radius: 12px;
|
||||
padding: 14px 45px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.common-title-bar, .user-management-container .table-controls, .app-list-title-section, .register-title-bar {
|
||||
.common-title-bar, .app-list-title-section, .register-title-bar {
|
||||
background-color: transparent;
|
||||
border-radius: 0;
|
||||
padding: 20px 20px 0;
|
||||
@@ -3240,7 +3240,7 @@ body.design-survey-active .global-header {
|
||||
border-bottom: 1.5px solid #212529;
|
||||
}
|
||||
}
|
||||
.common-title-bar .common-title, .user-management-container .table-controls .common-title, .app-list-title-section .common-title, .register-title-bar .common-title {
|
||||
.common-title-bar .common-title, .app-list-title-section .common-title, .register-title-bar .common-title {
|
||||
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
@@ -3248,7 +3248,7 @@ body.design-survey-active .global-header {
|
||||
margin: 0;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.common-title-bar .common-title, .user-management-container .table-controls .common-title, .app-list-title-section .common-title, .register-title-bar .common-title {
|
||||
.common-title-bar .common-title, .app-list-title-section .common-title, .register-title-bar .common-title {
|
||||
font-size: 16px;
|
||||
color: #000000;
|
||||
margin-bottom: 4px;
|
||||
@@ -3284,13 +3284,13 @@ body.design-survey-active .global-header {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
.common-title-bar .common-subtitle, .user-management-container .table-controls .common-subtitle, .app-list-title-section .common-subtitle, .register-title-bar .common-subtitle {
|
||||
.common-title-bar .common-subtitle, .app-list-title-section .common-subtitle, .register-title-bar .common-subtitle {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #515151;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.common-title-bar .common-subtitle, .user-management-container .table-controls .common-subtitle, .app-list-title-section .common-subtitle, .register-title-bar .common-subtitle {
|
||||
.common-title-bar .common-subtitle, .app-list-title-section .common-subtitle, .register-title-bar .common-subtitle {
|
||||
font-size: 12px;
|
||||
color: #515151;
|
||||
display: inline;
|
||||
@@ -3979,7 +3979,7 @@ select.form-control {
|
||||
.file-upload-wrapper .file-remove-btn:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(75, 155, 255, 0.1);
|
||||
background: rgb(255, 81.5, 81.5);
|
||||
background: rgb(255, 88.9, 88.9);
|
||||
}
|
||||
.file-upload-wrapper .file-remove-btn:active {
|
||||
transform: translateY(0);
|
||||
@@ -4300,7 +4300,7 @@ select.form-control {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.form-actions--with-withdrawal .withdrawal-link:hover {
|
||||
background: rgb(208.9090909091, 231.9545454545, 242.5909090909);
|
||||
background: rgb(210.2090909091, 232.6045454545, 242.9409090909);
|
||||
}
|
||||
.form-actions--with-withdrawal .withdrawal-link img {
|
||||
width: 22px;
|
||||
@@ -4455,7 +4455,7 @@ select.form-control {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.notice-content-box a:hover {
|
||||
color: rgb(0, 52.3166666667, 129);
|
||||
color: rgb(0, 65.7, 162);
|
||||
}
|
||||
|
||||
.form-row--content .form-label-wrapper {
|
||||
@@ -5246,7 +5246,7 @@ select.form-control {
|
||||
font-size: 16px;
|
||||
}
|
||||
.drawer-logout-btn:hover {
|
||||
background: #ff3838;
|
||||
background: rgb(255, 70.8, 70.8);
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 8px 24px rgba(75, 155, 255, 0.15);
|
||||
}
|
||||
@@ -5693,19 +5693,19 @@ select.form-control {
|
||||
background-color: #DADADA;
|
||||
}
|
||||
.list-table-btn--default:hover {
|
||||
background-color: rgb(205.25, 205.25, 205.25);
|
||||
background-color: rgb(207.1, 207.1, 207.1);
|
||||
}
|
||||
.list-table-btn--primary {
|
||||
background-color: #A4D6EA;
|
||||
}
|
||||
.list-table-btn--primary:hover {
|
||||
background-color: rgb(143.28125, 204.6651785714, 229.21875);
|
||||
background-color: rgb(147.83125, 206.7151785714, 230.26875);
|
||||
}
|
||||
.list-table-btn--secondary {
|
||||
background-color: #CDD4F0;
|
||||
}
|
||||
.list-table-btn--secondary:hover {
|
||||
background-color: rgb(185.3846153846, 195.1307692308, 234.1153846154);
|
||||
background-color: rgb(187.8846153846, 197.2807692308, 234.8653846154);
|
||||
}
|
||||
|
||||
.table-pagination {
|
||||
@@ -6337,7 +6337,7 @@ select.form-control {
|
||||
.alert.alert-error {
|
||||
background: rgba(255, 107, 107, 0.1);
|
||||
border: 1px solid rgba(255, 107, 107, 0.3);
|
||||
color: #ff3838;
|
||||
color: rgb(255, 70.8, 70.8);
|
||||
align-items: center;
|
||||
}
|
||||
.alert.alert-error svg {
|
||||
@@ -6351,7 +6351,7 @@ select.form-control {
|
||||
.alert.alert-success {
|
||||
background: rgba(107, 207, 127, 0.1);
|
||||
border: 1px solid rgba(107, 207, 127, 0.3);
|
||||
color: rgb(51.9183673469, 160.0816326531, 73.5510204082);
|
||||
color: rgb(61.5183673469, 189.6816326531, 87.1510204082);
|
||||
}
|
||||
.alert.alert-info {
|
||||
background: rgba(0, 73, 180, 0.1);
|
||||
@@ -6632,6 +6632,46 @@ select.form-control {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' viewBox='0 0 18 17' fill='none'%3E%3Cpath d='M1 6.5L9 1L17 6.5V15C17 15.5304 16.7893 16.0391 16.4142 16.4142C16.0391 16.7893 15.5304 17 15 17H3C2.46957 17 1.96086 16.7893 1.58579 16.4142C1.21071 16.0391 1 15.5304 1 15V6.5Z' stroke='%230049B4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
.test-env-notice {
|
||||
margin-top: 8px;
|
||||
padding: 12px 16px;
|
||||
background-color: #FFF4E6;
|
||||
border: 1px solid #FFB84D;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.test-env-notice__content {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 8px;
|
||||
}
|
||||
.test-env-notice__icon {
|
||||
flex-shrink: 0;
|
||||
margin-top: 2px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
.test-env-notice__text-container {
|
||||
flex: 1;
|
||||
}
|
||||
.test-env-notice__title {
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
color: #E65100;
|
||||
font-weight: 500;
|
||||
}
|
||||
.test-env-notice__description {
|
||||
margin: 4px 0 0 0;
|
||||
font-size: 13px;
|
||||
color: #5D4037;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.test-env-notice__auth-code {
|
||||
color: #E65100;
|
||||
font-family: monospace;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.hero-carousel-section {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
@@ -6813,7 +6853,7 @@ select.form-control {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.btn-hero-signup:hover {
|
||||
background: rgb(0, 52.3166666667, 129);
|
||||
background: rgb(0, 65.7, 162);
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(0, 73, 180, 0.3);
|
||||
}
|
||||
@@ -7497,7 +7537,7 @@ select.form-control {
|
||||
}
|
||||
}
|
||||
.api-showcase .btn-all-apis:hover {
|
||||
background: rgb(0, 106.8584070796, 175);
|
||||
background: rgb(0, 124.2, 203.4);
|
||||
}
|
||||
.api-showcase .btn-all-apis:hover svg {
|
||||
transform: translateX(4px);
|
||||
@@ -7810,14 +7850,14 @@ select.form-control {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.info-section .action-btn-primary:hover {
|
||||
background: rgb(0, 52.3166666667, 129);
|
||||
background: rgb(0, 65.7, 162);
|
||||
}
|
||||
.info-section .action-btn-secondary {
|
||||
background: #00ACDD;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.info-section .action-btn-secondary:hover {
|
||||
background: rgb(0, 132.3076923077, 170);
|
||||
background: rgb(0, 154.8, 198.9);
|
||||
}
|
||||
.info-section .info-image {
|
||||
flex: 1;
|
||||
@@ -8159,7 +8199,7 @@ select.form-control {
|
||||
}
|
||||
}
|
||||
.support-center .support-card--notice:hover {
|
||||
background: rgb(0, 62.6583333333, 154.5);
|
||||
background: rgb(0, 69.35, 171);
|
||||
}
|
||||
.support-center .support-card--faq, .support-center .support-card--qna {
|
||||
width: 388px;
|
||||
@@ -8577,7 +8617,7 @@ select.form-control {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.signup-cta-section .btn-signup-cta:hover {
|
||||
background: rgb(0, 106.8584070796, 175);
|
||||
background: rgb(0, 124.2, 203.4);
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(0, 138, 226, 0.3);
|
||||
}
|
||||
@@ -9599,10 +9639,10 @@ select.form-control {
|
||||
line-height: 1;
|
||||
}
|
||||
.login-button:hover {
|
||||
background: rgb(0, 62.6583333333, 154.5);
|
||||
background: rgb(0, 69.35, 171);
|
||||
}
|
||||
.login-button:active {
|
||||
background: rgb(0, 52.3166666667, 129);
|
||||
background: rgb(0, 65.7, 162);
|
||||
}
|
||||
.login-button:disabled {
|
||||
opacity: 0.6;
|
||||
@@ -10127,11 +10167,11 @@ select.form-control {
|
||||
}
|
||||
.auth-request-button:hover,
|
||||
.auth-verify-button:hover {
|
||||
background: rgb(143.28125, 204.6651785714, 229.21875);
|
||||
background: rgb(147.83125, 206.7151785714, 230.26875);
|
||||
}
|
||||
.auth-request-button:active,
|
||||
.auth-verify-button:active {
|
||||
background: rgb(122.5625, 195.3303571429, 224.4375);
|
||||
background: rgb(131.6625, 199.4303571429, 226.5375);
|
||||
}
|
||||
.auth-request-button:disabled,
|
||||
.auth-verify-button:disabled {
|
||||
@@ -10148,7 +10188,7 @@ select.form-control {
|
||||
}
|
||||
}
|
||||
|
||||
.account-recovery-card .form-actions, .account-recovery-card .form-actions-center {
|
||||
.account-recovery-card .form-actions {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 20px;
|
||||
@@ -10157,9 +10197,8 @@ select.form-control {
|
||||
border-top: none;
|
||||
background: transparent;
|
||||
}
|
||||
.account-recovery-card .form-actions .cancel-button, .account-recovery-card .form-actions-center .cancel-button,
|
||||
.account-recovery-card .form-actions .submit-button,
|
||||
.account-recovery-card .form-actions-center .submit-button {
|
||||
.account-recovery-card .form-actions .cancel-button,
|
||||
.account-recovery-card .form-actions .submit-button {
|
||||
width: 200px;
|
||||
height: 60px;
|
||||
padding: 10px;
|
||||
@@ -10176,39 +10215,38 @@ select.form-control {
|
||||
justify-content: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
.account-recovery-card .form-actions .cancel-button, .account-recovery-card .form-actions-center .cancel-button {
|
||||
.account-recovery-card .form-actions .cancel-button {
|
||||
color: #5f666c;
|
||||
background: #e5e7eb;
|
||||
}
|
||||
.account-recovery-card .form-actions .cancel-button:hover, .account-recovery-card .form-actions-center .cancel-button:hover {
|
||||
background: rgb(214.5869565217, 217.6956521739, 223.9130434783);
|
||||
.account-recovery-card .form-actions .cancel-button:hover {
|
||||
background: rgb(215.8869565217, 218.8956521739, 224.9130434783);
|
||||
}
|
||||
.account-recovery-card .form-actions .cancel-button:active, .account-recovery-card .form-actions-center .cancel-button:active {
|
||||
background: rgb(200.1739130435, 204.3913043478, 212.8260869565);
|
||||
.account-recovery-card .form-actions .cancel-button:active {
|
||||
background: rgb(202.7739130435, 206.7913043478, 214.8260869565);
|
||||
}
|
||||
.account-recovery-card .form-actions .submit-button, .account-recovery-card .form-actions-center .submit-button {
|
||||
.account-recovery-card .form-actions .submit-button {
|
||||
color: #FFFFFF;
|
||||
background: #0049B4;
|
||||
}
|
||||
.account-recovery-card .form-actions .submit-button:hover, .account-recovery-card .form-actions-center .submit-button:hover {
|
||||
background: rgb(0, 62.6583333333, 154.5);
|
||||
.account-recovery-card .form-actions .submit-button:hover {
|
||||
background: rgb(0, 69.35, 171);
|
||||
}
|
||||
.account-recovery-card .form-actions .submit-button:active, .account-recovery-card .form-actions-center .submit-button:active {
|
||||
background: rgb(0, 52.3166666667, 129);
|
||||
.account-recovery-card .form-actions .submit-button:active {
|
||||
background: rgb(0, 65.7, 162);
|
||||
}
|
||||
.account-recovery-card .form-actions .submit-button:disabled, .account-recovery-card .form-actions-center .submit-button:disabled {
|
||||
.account-recovery-card .form-actions .submit-button:disabled {
|
||||
opacity: 0.6;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
@media (max-width: 576px) {
|
||||
.account-recovery-card .form-actions, .account-recovery-card .form-actions-center {
|
||||
.account-recovery-card .form-actions {
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
padding: 24px 0;
|
||||
}
|
||||
.account-recovery-card .form-actions .cancel-button, .account-recovery-card .form-actions-center .cancel-button,
|
||||
.account-recovery-card .form-actions .submit-button,
|
||||
.account-recovery-card .form-actions-center .submit-button {
|
||||
.account-recovery-card .form-actions .cancel-button,
|
||||
.account-recovery-card .form-actions .submit-button {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
font-size: 16px;
|
||||
@@ -10406,7 +10444,7 @@ select.form-control {
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
.result-info-box .info-text .info-link:hover {
|
||||
color: rgb(0, 52.3166666667, 129);
|
||||
color: rgb(0, 65.7, 162);
|
||||
}
|
||||
@media (max-width: 576px) {
|
||||
.result-info-box .info-text {
|
||||
@@ -10521,15 +10559,14 @@ select.form-control {
|
||||
border-radius: 8px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.account-recovery-card .form-actions, .account-recovery-card .form-actions-center {
|
||||
.account-recovery-card .form-actions {
|
||||
flex-direction: row;
|
||||
gap: 21px;
|
||||
margin-top: 24px;
|
||||
padding: 24px 0;
|
||||
}
|
||||
.account-recovery-card .form-actions .cancel-button, .account-recovery-card .form-actions-center .cancel-button,
|
||||
.account-recovery-card .form-actions .submit-button,
|
||||
.account-recovery-card .form-actions-center .submit-button {
|
||||
.account-recovery-card .form-actions .cancel-button,
|
||||
.account-recovery-card .form-actions .submit-button {
|
||||
flex: 1;
|
||||
min-width: 144px;
|
||||
height: 40px;
|
||||
@@ -10537,11 +10574,11 @@ select.form-control {
|
||||
font-weight: 700;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.account-recovery-card .form-actions .cancel-button, .account-recovery-card .form-actions-center .cancel-button {
|
||||
.account-recovery-card .form-actions .cancel-button {
|
||||
background: #e5e7eb;
|
||||
color: #5f666c;
|
||||
}
|
||||
.account-recovery-card .form-actions .submit-button, .account-recovery-card .form-actions-center .submit-button {
|
||||
.account-recovery-card .form-actions .submit-button {
|
||||
background: #0049b4;
|
||||
color: #ffffff;
|
||||
}
|
||||
@@ -12151,7 +12188,7 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
|
||||
.register-form-container .form-actions, .register-form-container .form-actions-center {
|
||||
.register-form-container .form-actions {
|
||||
justify-content: space-between;
|
||||
padding: 0 24px 24px;
|
||||
margin-top: 40px;
|
||||
@@ -12159,13 +12196,13 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
padding-top: 0;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.register-form-container .form-actions, .register-form-container .form-actions-center {
|
||||
.register-form-container .form-actions {
|
||||
padding: 0 16px 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.apikey-register-container > .form-actions, .apikey-register-container > .form-actions-center {
|
||||
.apikey-register-container > .form-actions {
|
||||
display: flex;
|
||||
flex-direction: row !important;
|
||||
justify-content: center !important;
|
||||
@@ -12175,7 +12212,7 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
margin-top: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
.apikey-register-container > .form-actions .btn-submit, .apikey-register-container > .form-actions-center .btn-submit {
|
||||
.apikey-register-container > .form-actions .btn-submit {
|
||||
width: 144px !important;
|
||||
height: 40px !important;
|
||||
min-height: 40px;
|
||||
@@ -12185,12 +12222,12 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
border-radius: 8px !important;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.apikey-register-container > .form-actions .btn-submit.btn-secondary, .apikey-register-container > .form-actions-center .btn-submit.btn-secondary {
|
||||
.apikey-register-container > .form-actions .btn-submit.btn-secondary {
|
||||
background-color: #e5e7eb !important;
|
||||
color: #5f666c !important;
|
||||
border: none !important;
|
||||
}
|
||||
.apikey-register-container > .form-actions .btn-submit.btn-primary, .apikey-register-container > .form-actions-center .btn-submit.btn-primary {
|
||||
.apikey-register-container > .form-actions .btn-submit.btn-primary {
|
||||
background-color: #0049b4 !important;
|
||||
color: #FFFFFF !important;
|
||||
border: none !important;
|
||||
@@ -13054,7 +13091,7 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
transition: background 0.2s ease;
|
||||
}
|
||||
.btn-copy-action:hover {
|
||||
background: rgb(122.5625, 195.3303571429, 224.4375);
|
||||
background: rgb(131.6625, 199.4303571429, 226.5375);
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.btn-copy-action {
|
||||
@@ -13081,7 +13118,7 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
transition: background 0.2s ease;
|
||||
}
|
||||
.btn-view-secret:hover {
|
||||
background: rgb(20.6074766355, 140.8177570093, 224.3925233645);
|
||||
background: rgb(31.8897196262, 151.4130841121, 234.5102803738);
|
||||
}
|
||||
.btn-view-secret svg {
|
||||
width: 20px;
|
||||
@@ -13266,7 +13303,7 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
border-radius: 8px;
|
||||
}
|
||||
.btn-copy-action:hover {
|
||||
background: rgb(122.5625, 195.3303571429, 224.4375);
|
||||
background: rgb(131.6625, 199.4303571429, 226.5375);
|
||||
}
|
||||
.btn-view-secret {
|
||||
width: 100% !important;
|
||||
@@ -13282,7 +13319,7 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
height: 16px;
|
||||
}
|
||||
.btn-view-secret:hover {
|
||||
background: rgb(20.6074766355, 140.8177570093, 224.3925233645);
|
||||
background: rgb(31.8897196262, 151.4130841121, 234.5102803738);
|
||||
}
|
||||
#revealedSecretBox {
|
||||
width: 100%;
|
||||
@@ -13792,7 +13829,7 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
}
|
||||
}
|
||||
.btn-notice-list:hover {
|
||||
background: rgb(214.5869565217, 217.6956521739, 223.9130434783);
|
||||
background: rgb(215.8869565217, 218.8956521739, 224.9130434783);
|
||||
}
|
||||
.btn-notice-list:active {
|
||||
transform: scale(0.98);
|
||||
@@ -14352,7 +14389,7 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
}
|
||||
}
|
||||
.btn-inquiry-list:hover {
|
||||
background: rgb(214.5869565217, 217.6956521739, 223.9130434783);
|
||||
background: rgb(215.8869565217, 218.8956521739, 224.9130434783);
|
||||
}
|
||||
.btn-inquiry-list:active {
|
||||
transform: scale(0.98);
|
||||
@@ -14385,7 +14422,7 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
}
|
||||
}
|
||||
.btn-inquiry-edit:hover {
|
||||
background: rgb(0, 62.6583333333, 154.5);
|
||||
background: rgb(0, 69.35, 171);
|
||||
}
|
||||
.btn-inquiry-edit:active {
|
||||
transform: scale(0.98);
|
||||
@@ -14418,7 +14455,7 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
}
|
||||
}
|
||||
.btn-inquiry-delete:hover {
|
||||
background: rgb(210.9493670886, 36.5506329114, 53.2594936709);
|
||||
background: rgb(217.9841772152, 41.3658227848, 58.2873417722);
|
||||
}
|
||||
.btn-inquiry-delete:active {
|
||||
transform: scale(0.98);
|
||||
@@ -14490,7 +14527,7 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
margin-left: 8px;
|
||||
}
|
||||
.file-upload-inline .btn-remove-file-inline:hover {
|
||||
background: rgb(189.2151898734, 32.7848101266, 47.7721518987);
|
||||
background: rgb(209.4151898734, 36.2848101266, 52.8721518987);
|
||||
}
|
||||
.file-upload-inline .btn-remove-file-inline svg {
|
||||
width: 12px;
|
||||
@@ -14522,7 +14559,7 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
}
|
||||
}
|
||||
.file-upload-inline .btn-file-attach:hover {
|
||||
background: rgb(21.6317757009, 146.6504672897, 233.5682242991);
|
||||
background: rgb(37.3117757009, 153.9304672897, 235.0082242991);
|
||||
}
|
||||
.file-upload-inline .btn-file-attach svg {
|
||||
width: 22px;
|
||||
@@ -14558,7 +14595,7 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
.inquiry-form-container .form-row {
|
||||
padding: 16px 0;
|
||||
}
|
||||
.inquiry-form-container .form-actions, .inquiry-form-container .form-actions-center {
|
||||
.inquiry-form-container .form-actions {
|
||||
display: flex;
|
||||
flex-direction: row !important;
|
||||
justify-content: center !important;
|
||||
@@ -14567,7 +14604,7 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
padding: 32px 0 0;
|
||||
margin-top: 16px;
|
||||
}
|
||||
.inquiry-form-container .form-actions .btn, .inquiry-form-container .form-actions-center .btn {
|
||||
.inquiry-form-container .form-actions .btn {
|
||||
width: auto !important;
|
||||
min-width: 80px;
|
||||
padding: 0 16px;
|
||||
@@ -14576,21 +14613,21 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
border-radius: 8px;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
.inquiry-form-container .form-actions .btn-secondary, .inquiry-form-container .form-actions-center .btn-secondary {
|
||||
.inquiry-form-container .form-actions .btn-secondary {
|
||||
background: #E5E7EB;
|
||||
color: #5F666C;
|
||||
border: none;
|
||||
}
|
||||
.inquiry-form-container .form-actions .btn-secondary:hover, .inquiry-form-container .form-actions-center .btn-secondary:hover {
|
||||
background: rgb(214.5869565217, 217.6956521739, 223.9130434783);
|
||||
.inquiry-form-container .form-actions .btn-secondary:hover {
|
||||
background: rgb(215.8869565217, 218.8956521739, 224.9130434783);
|
||||
}
|
||||
.inquiry-form-container .form-actions .btn-primary, .inquiry-form-container .form-actions-center .btn-primary {
|
||||
.inquiry-form-container .form-actions .btn-primary {
|
||||
background: #0049b4;
|
||||
color: #FFFFFF;
|
||||
border: none;
|
||||
}
|
||||
.inquiry-form-container .form-actions .btn-primary:hover, .inquiry-form-container .form-actions-center .btn-primary:hover {
|
||||
background: rgb(0, 62.6583333333, 154.5);
|
||||
.inquiry-form-container .form-actions .btn-primary:hover {
|
||||
background: rgb(0, 69.35, 171);
|
||||
}
|
||||
.inquiry-form-container .file-upload-inline .file-input-display {
|
||||
min-height: 50px;
|
||||
@@ -15698,7 +15735,7 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.org-file-remove:hover {
|
||||
background: #ff3838;
|
||||
background: rgb(255, 70.8, 70.8);
|
||||
}
|
||||
|
||||
.org-file-notice {
|
||||
@@ -16251,7 +16288,7 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
border: 1px solid #E2E8F0;
|
||||
padding: 32px;
|
||||
}
|
||||
.form-actions, .form-actions-center {
|
||||
.form-actions {
|
||||
display: none;
|
||||
}
|
||||
.file-upload-wrapper .file-upload-btn,
|
||||
@@ -16531,7 +16568,7 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
}
|
||||
.status-indicator.status-active {
|
||||
background-color: rgba(107, 207, 127, 0.1);
|
||||
color: rgb(68.4897959184, 194.5102040816, 93.693877551);
|
||||
color: rgb(83.2897959184, 199.3102040816, 106.493877551);
|
||||
}
|
||||
.status-indicator.status-active .status-dot {
|
||||
background-color: #6BCF7F;
|
||||
@@ -16958,10 +16995,10 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
.org-register-container {
|
||||
padding: 24px 16px;
|
||||
}
|
||||
.org-register-container .common-title-bar, .org-register-container .register-title-bar, .org-register-container .app-list-title-section, .org-register-container .user-management-container .table-controls, .user-management-container .org-register-container .table-controls {
|
||||
.org-register-container .common-title-bar, .org-register-container .user-management-container .table-controls, .user-management-container .org-register-container .table-controls {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.org-register-container .common-title-bar h3, .org-register-container .register-title-bar h3, .org-register-container .app-list-title-section h3, .org-register-container .user-management-container .table-controls h3, .user-management-container .org-register-container .table-controls h3 {
|
||||
.org-register-container .common-title-bar h3, .org-register-container .user-management-container .table-controls h3, .user-management-container .org-register-container .table-controls h3 {
|
||||
font-size: 20px;
|
||||
}
|
||||
.org-register-container .register-form-container {
|
||||
@@ -16970,7 +17007,7 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
background: transparent !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.org-register-container .form-actions, .org-register-container .form-actions-center {
|
||||
.org-register-container .form-actions {
|
||||
display: flex;
|
||||
flex-direction: row !important;
|
||||
justify-content: center !important;
|
||||
@@ -16978,12 +17015,12 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
padding: 32px 0 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
.org-register-container .form-actions .form-actions-buttons, .org-register-container .form-actions-center .form-actions-buttons {
|
||||
.org-register-container .form-actions .form-actions-buttons {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.org-register-container .form-actions .form-actions-buttons .btn, .org-register-container .form-actions-center .form-actions-buttons .btn {
|
||||
.org-register-container .form-actions .form-actions-buttons .btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -17428,7 +17465,7 @@ body.commission-print-page .btn-primary:hover {
|
||||
padding: 20px;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.terms-container .common-title-bar, .terms-container .register-title-bar, .terms-container .app-list-title-section, .terms-container .user-management-container .table-controls, .user-management-container .terms-container .table-controls {
|
||||
.terms-container .common-title-bar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -18283,7 +18320,7 @@ body.commission-print-page .btn-primary:hover {
|
||||
transition: background 0.2s ease, transform 0.2s ease;
|
||||
}
|
||||
.signup-guide__btn:hover {
|
||||
background: rgb(0, 52.3166666667, 129);
|
||||
background: rgb(0, 65.7, 162);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
.signup-guide__btn:active {
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user