36 lines
1.0 KiB
CSS
36 lines
1.0 KiB
CSS
/* 手机号国家区号字段：区号选择、输入与字段错误说明。 */
|
|
/* 导入方：app/components/PhoneCodeField.vue、app/pages/forgot-password.vue、app/pages/oauth/bind.vue、app/pages/register.vue。 */
|
|
.phone-code-field[data-v-24cb0489] {
|
|
gap: 6px;
|
|
display: grid;
|
|
}
|
|
.phone-code-field label[data-v-24cb0489] {
|
|
color: var(--p-text-muted-color);
|
|
font-size: 0.875rem;
|
|
}
|
|
.phone-code-input[data-v-24cb0489] {
|
|
border: 1px solid
|
|
var(--p-inputtext-border-color, var(--p-content-border-color));
|
|
border-radius: var(--p-inputtext-border-radius, 6px);
|
|
background: var(--p-inputtext-background, var(--p-content-background));
|
|
align-items: center;
|
|
gap: 6px;
|
|
padding: 8px 12px;
|
|
display: flex;
|
|
}
|
|
.phone-code-input input[data-v-24cb0489] {
|
|
width: 100%;
|
|
min-width: 0;
|
|
color: inherit;
|
|
font: inherit;
|
|
background: 0 0;
|
|
border: 0;
|
|
outline: 0;
|
|
}
|
|
.phone-code-input[data-v-24cb0489]:focus-within {
|
|
outline: 1px solid var(--p-primary-color);
|
|
}
|
|
small[data-v-24cb0489] {
|
|
color: var(--p-text-muted-color);
|
|
}
|