feat: 优化账户选择界面,增加背景和内边距样式

This commit is contained in:
2025-12-25 19:05:37 +07:00
parent d3c82160e2
commit 28b53c5cb6

View File

@@ -165,9 +165,9 @@ function getAccountTypeName(type: AccountType) {
<div class="relative flex flex-col gap-3"> <div class="relative flex flex-col gap-3">
<Field name="fromAccount"> <Field name="fromAccount">
<template #default="{ value }"> <template #default="{ value }">
<div class="flex flex-col"> <div class="flex flex-col bg-text-850 rounded-2xl p-3">
<span class="text-sm text-text-500">{{ t('transfer.from') }}</span> <span class="text-sm text-text-500">{{ t('transfer.from') }}</span>
<div class="px-4 py-3 rounded-lg"> <div class="pt-2">
<span class="text-base font-medium">{{ getAccountTypeName(value) }}</span> <span class="text-base font-medium">{{ getAccountTypeName(value) }}</span>
</div> </div>
</div> </div>
@@ -186,9 +186,9 @@ function getAccountTypeName(type: AccountType) {
<Field name="toAccount"> <Field name="toAccount">
<template #default="{ value }"> <template #default="{ value }">
<div class="flex flex-col"> <div class="flex flex-col bg-text-850 rounded-2xl p-3">
<span class="text-sm text-text-500">{{ t('transfer.to') }}</span> <span class="text-sm text-text-500">{{ t('transfer.to') }}</span>
<div class="px-4 py-3 rounded-lg"> <div class="pt-2">
<span class="text-base font-medium">{{ getAccountTypeName(value) }}</span> <span class="text-base font-medium">{{ getAccountTypeName(value) }}</span>
</div> </div>
</div> </div>