root/riwa-ionic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 更新头像组件的图片源和样式，调整头像大小以提升用户体验

Browse Source
This commit is contained in:
Seven
2026-01-08 00:52:48 +07:00
parent cb120c6592
commit ff970092f0
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/ui/avatar/index.vue
View File

@@ -13,7 +13,7 @@ defineExpose({} as ComponentInstance<typeof IonAvatar>);
<template> <template>
<ion-avatar v-bind="$attrs" :ref="changeRef"> <ion-avatar v-bind="$attrs" :ref="changeRef">
<img <img
src="https://api.iconify.design/material-icon-theme:drizzle.svg" src="https://r2.riwsan1.com/riwsan/avatar/avatar.png"
alt="Avatar" alt="Avatar"
> >
</ion-avatar> </ion-avatar>
@@ -23,7 +23,7 @@ defineExpose({} as ComponentInstance<typeof IonAvatar>);
ion-avatar { ion-avatar {
--padding: 10px; --padding: 10px;
background-color: #e7f6e1; background-color: #e7f6e1;
padding: var(--padding); /* padding: var(--padding); */
border: 2px solid #e3ffcb; /* border: 2px solid #e3ffcb; */
} }
</style> </style>

2
src/views/onchain-address/index.vue
View File

@@ -32,7 +32,7 @@ const qrcode = useQRCode(url, {
<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="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="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"> <div class="p-1 rounded-full w-fit">
<ui-avatar class="size-15 border border-text-900" /> <ui-avatar class="size-18 border border-text-900" />
</div> </div>
</div> </div>