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>