feat: 更新二维码页面样式,调整背景色和文本样式

This commit is contained in:
2025-12-27 20:42:18 +07:00
parent 03c923e9d2
commit 7ce5d428b1

View File

@@ -29,10 +29,10 @@ const qrcode = useQRCode(url, {
</IonHeader>
<IonContent :fullscreen="true" class="ion-padding">
<div class="flex justify-center items-center flex-col mt-20">
<div class="w-[80vw] h-[80vw] bg-text-900 max-w-130 max-h-130 rounded-[14px] p-4 flex flex-col justify-center items-center relative border border-text-500">
<div class="w-[80vw] h-[80vw] bg-gray-50 max-w-130 max-h-130 rounded-[14px] p-4 flex flex-col justify-center items-center relative border border-text-900">
<div class="absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col items-center">
<div class="p-1 rounded-full w-fit">
<ui-avatar class="size-15 border border-[--border-color]" />
<ui-avatar class="size-15 border border-text-900" />
</div>
</div>
@@ -42,12 +42,12 @@ const qrcode = useQRCode(url, {
</div>
<div class="mt-4">
<ion-text color="secondary">
<div class="text-sm text-text-500 font-semibold">
<div class="text-sm text-text-400">
Onchain address
</div>
</ion-text>
<ion-text>
<div class="mt-4px text-md font-mono break-all">
<div class="mt-4px text-md font-semibold break-all">
0x1234567890abcdef1234
</div>
</ion-text>