legop3/MultiRoombaRover
1
0
Fork 0
mirror of https://github.com/legop3/MultiRoombaRover.git synced 2026-09-15 17:12:59 -04:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

better chat pfp imageses

Browse Source
This commit is contained in:
legop3
2026-06-05 21:11:28 -04:00
parent c097d94ba8
commit 229fe5411a
5 changed files with 23 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-BTF4sS2O.js → server/public/assets/index-CZrapRE0.js
+7 -7
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-D6X9qUts.css
-1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-l6FtFm8i.css
+1
View File
File diff suppressed because one or more lines are too long
server/public/index.html
+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-title" content="Roomba Rover" />
<title>Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-BTF4sS2O.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-D6X9qUts.css">
<script type="module" crossorigin src="/assets/index-CZrapRE0.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-l6FtFm8i.css">
</head>
<body>
<div id="root"></div>
webui/src/components/ChatMessageRow/index.jsx
+13 -2
View File
@@ -32,11 +32,19 @@ function displayName(message) {
return message.nickname || message.socketId?.slice(0, 6) || 'unknown';
}
// The chat rows use py-0.5 for their compact vertical rhythm, but the desired avatar
// treatment is edge-to-edge inside that same row height. The negative vertical margin
// lets the image cover the row padding visually without increasing the row's measured
// height, while the matching calc() size keeps the avatar square after adding that
// top/bottom coverage.
const CHAT_ROW_FULL_HEIGHT_AVATAR_CLASS =
'my-[-0.125rem] flex h-[calc(1rem+0.25rem)] w-[calc(1rem+0.25rem)] shrink-0 overflow-hidden rounded-none border border-slate-700/80';
function DiscordAvatar({ guildIconUrl, userAvatarUrl, label }) {
if (!guildIconUrl && !userAvatarUrl) return null;
return (
<span
className="flex h-4 w-4 shrink-0 overflow-hidden rounded-none border border-slate-700/80"
className={CHAT_ROW_FULL_HEIGHT_AVATAR_CLASS}
title={label}
>
<span
@@ -70,7 +78,10 @@ function DiscordAvatar({ guildIconUrl, userAvatarUrl, label }) {
function ProfileAvatar({ imageUrl, label }) {
if (!imageUrl) return null;
return (
<span className="flex h-4 w-4 shrink-0 overflow-hidden rounded-none border border-slate-700/80" title={label}>
<span
className={CHAT_ROW_FULL_HEIGHT_AVATAR_CLASS}
title={label}
>
<span
className="h-full w-full bg-cover bg-center bg-no-repeat"
style={{ backgroundImage: `url(${imageUrl})` }}