feat: 更新二维码页面样式,调整背景色和文本样式
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user