chore: 验证码输入框样式

This commit is contained in:
dap 2024-08-09 10:08:59 +08:00
parent 99388534f1
commit d915b27221

View File

@ -229,7 +229,7 @@ defineExpose({ resetCaptcha });
</div> </div>
<img <img
:src="captchaBase64" :src="captchaBase64"
class="h-[38px] w-[115px] rounded-r-md" class="h-[40px] w-[115px] rounded-r-md"
@click="emit('captchaClick')" @click="emit('captchaClick')"
/> />
</div> </div>
@ -292,10 +292,23 @@ defineExpose({ resetCaptcha });
<style lang="scss"> <style lang="scss">
/** /**
tenant-picker 跟下面的输入框样式保持一致 tenant-picker 跟下面的输入框样式保持一致
*/ */
.tenant-picker > button[role='combobox'] { .tenant-picker > button[role='combobox'] {
height: 40px; height: 40px;
background-color: hsl(var(--input-background)); background-color: hsl(var(--input-background));
&:focus {
@apply border-primary;
}
}
/**
验证码输入框样式
去除右边的圆角
*/
input[id='code'] {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
} }
</style> </style>