update chat message component

This commit is contained in:
legop3
2026-01-12 00:26:40 -05:00
parent 5ae0b0ca79
commit 870fdc63be
4 changed files with 24 additions and 8 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+2 -2
View File
@@ -11,8 +11,8 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" /> <meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" />
<title>Multi Roomba Rover</title> <title>Multi Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-BX-wWPs0.js"></script> <script type="module" crossorigin src="/assets/index-DNGguoJu.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DGAJKj1s.css"> <link rel="stylesheet" crossorigin href="/assets/index-COnIgwcF.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
+20 -4
View File
@@ -34,12 +34,28 @@ function DiscordAvatar({ guildIconUrl, userAvatarUrl, label }) {
title={label} title={label}
> >
<span <span
className={`h-full w-1/2 bg-slate-700/70 ${guildIconUrl ? 'bg-center bg-cover' : ''}`} className={`h-full w-1/2 bg-slate-700/70 ${guildIconUrl ? 'bg-cover' : ''}`}
style={guildIconUrl ? { backgroundImage: `url(${guildIconUrl})` } : undefined} style={
guildIconUrl
? {
backgroundImage: `url(${guildIconUrl})`,
backgroundPosition: 'left center',
backgroundSize: '200% 100%',
}
: undefined
}
/> />
<span <span
className={`h-full w-1/2 bg-slate-700/70 ${userAvatarUrl ? 'bg-center bg-cover' : ''}`} className={`h-full w-1/2 bg-slate-700/70 ${userAvatarUrl ? 'bg-cover' : ''}`}
style={userAvatarUrl ? { backgroundImage: `url(${userAvatarUrl})` } : undefined} style={
userAvatarUrl
? {
backgroundImage: `url(${userAvatarUrl})`,
backgroundPosition: 'right center',
backgroundSize: '200% 100%',
}
: undefined
}
/> />
</span> </span>
); );