fix: style of input recovery code in 2fa settings

0xJacky · Jul 23, 2024 · a48fde8 · a48fde8
1 parent 08ed069
commit a48fde8
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/app/src/views/preference/components/TOTP.vue b/app/src/views/preference/components/TOTP.vue
@@ -156,10 +156,7 @@ function reset2FA() {
  >
  <p>{{ $gettext('Input the recovery code:') }}</p>
  <AInputGroup compact>
- <AInput
- v-model:value="inputRecoveryCode"
- style="width: calc(100% - 92px)"
- />
+ <AInput v-model:value="inputRecoveryCode" />
  <AButton
  type="primary"
  @click="reset2FA"
@@ -172,5 +169,7 @@ function reset2FA() {
 </template>
 
 <style scoped lang="less">
-
+:deep(.ant-input-group.ant-input-group-compact) {
+ display: flex;
+}
 </style>