Aura
/
aura-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: avatar size to 80x80px

main
sp mac bookpro 2605 2026-06-01 15:22:37 +08:00
parent 3cf6855dfe
commit 31759b92f9
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/AgentEditor/components/AvatarSelector.tsx
View File

@ -33,7 +33,7 @@ export default function AvatarSelector({
</Button> </Button>
</Upload> </Upload>
</div> </div>
<div className="grid grid-cols-6 gap-3 bg-gray-50 p-4 rounded-2xl max-h-[400px] overflow-y-auto monica-scrollbar"> <div className="grid grid-cols-5 gap-4 bg-gray-50 p-4 rounded-2xl max-h-[400px] overflow-y-auto monica-scrollbar">
{[DEFAULT_AVATAR, ...PRESET_AVATARS].map((url) => ( {[DEFAULT_AVATAR, ...PRESET_AVATARS].map((url) => (
<div <div
key={url} key={url}
@ -43,8 +43,8 @@ export default function AvatarSelector({
onCancel(); onCancel();
await onAvatarChange(); await onAvatarChange();
}} }}
className={`relative aspect-square rounded-full cursor-pointer transition-all duration-300 overflow-hidden border-2 ${agent?.avatar === url ? 'scale-110 shadow-lg z-10' : 'border-transparent opacity-70 hover:opacity-100 hover:scale-105'}`} className={`relative rounded-full cursor-pointer transition-all duration-300 overflow-hidden border-2 flex-shrink-0 ${agent?.avatar === url ? 'scale-110 shadow-lg z-10' : 'border-transparent opacity-70 hover:opacity-100 hover:scale-105'}`}
style={{ borderColor: agent?.avatar === url ? 'var(--color-brand)' : 'transparent' }} style={{ width: 80, height: 80, borderColor: agent?.avatar === url ? 'var(--color-brand)' : 'transparent' }}
> >
<img src={url} className="w-full h-full object-cover" alt="preset" /> <img src={url} className="w-full h-full object-cover" alt="preset" />
{agent?.avatar === url && ( {agent?.avatar === url && (

6
src/pages/AgentEditor/components/InitModal.tsx
View File

@ -202,13 +202,13 @@ export default function InitModal({
</Button> </Button>
</Upload> </Upload>
</div> </div>
<div className="agent-editor-avatar-grid monica-scrollbar"> <div className="grid grid-cols-6 gap-3 agent-editor-avatar-grid monica-scrollbar">
{[DEFAULT_AVATAR, ...PRESET_AVATARS].map((url) => ( {[DEFAULT_AVATAR, ...PRESET_AVATARS].map((url) => (
<div <div
key={url} key={url}
onClick={() => setSelectedAvatar(url)} onClick={() => setSelectedAvatar(url)}
className={`relative aspect-square rounded-full cursor-pointer transition-all duration-300 overflow-hidden border-2 ${selectedAvatar === url ? 'scale-110 shadow-lg z-10' : 'border-transparent opacity-70 hover:opacity-100 hover:scale-105'}`} className={`relative rounded-full cursor-pointer transition-all duration-300 overflow-hidden border-2 flex-shrink-0 ${selectedAvatar === url ? 'scale-110 shadow-lg z-10' : 'border-transparent opacity-70 hover:opacity-100 hover:scale-105'}`}
style={{ borderColor: selectedAvatar === url ? 'var(--color-brand)' : 'transparent' }} style={{ width: 80, height: 80, borderColor: selectedAvatar === url ? 'var(--color-brand)' : 'transparent' }}
> >
<img src={url} className="w-full h-full object-cover" alt="preset" /> <img src={url} className="w-full h-full object-cover" alt="preset" />
{selectedAvatar === url && ( {selectedAvatar === url && (