larger chat, chat icon fixes too finally

This commit is contained in:
legop3
2026-06-08 21:07:39 -04:00
parent 8c121c0925
commit 9d36efb847
6 changed files with 9 additions and 9 deletions
File diff suppressed because one or more lines are too long
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="Roomba Rover" /> <meta name="apple-mobile-web-app-title" content="Roomba Rover" />
<title>Roomba Rover</title> <title>Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-CiNC24Oq.js"></script> <script type="module" crossorigin src="/assets/index-CJN0MGvr.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BIFzj-P-.css"> <link rel="stylesheet" crossorigin href="/assets/index-D6YORRLd.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
@@ -38,7 +38,7 @@ function displayName(message) {
// height, while the matching calc() size keeps the avatar square after adding that // height, while the matching calc() size keeps the avatar square after adding that
// top/bottom coverage. // top/bottom coverage.
const CHAT_ROW_FULL_HEIGHT_AVATAR_CLASS = 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'; 'my-[-0.125rem] flex h-[calc(1rem+0.25rem)] w-[calc(1rem+0.25rem)] shrink-0 overflow-hidden rounded-none'
function DiscordAvatar({ guildIconUrl, userAvatarUrl, label }) { function DiscordAvatar({ guildIconUrl, userAvatarUrl, label }) {
if (!guildIconUrl && !userAvatarUrl) return null; if (!guildIconUrl && !userAvatarUrl) return null;
@@ -48,7 +48,7 @@ function DiscordAvatar({ guildIconUrl, userAvatarUrl, label }) {
title={label} title={label}
> >
<span <span
className={`h-full w-1/2 bg-slate-700/70 ${guildIconUrl ? 'bg-cover' : ''}`} className={`h-full w-1/2 ${guildIconUrl ? 'bg-cover' : ''}`}
style={ style={
guildIconUrl guildIconUrl
? { ? {
@@ -60,7 +60,7 @@ function DiscordAvatar({ guildIconUrl, userAvatarUrl, label }) {
} }
/> />
<span <span
className={`h-full w-1/2 bg-slate-700/70 ${userAvatarUrl ? 'bg-cover' : ''}`} className={`h-full w-1/2${userAvatarUrl ? 'bg-cover' : ''}`}
style={ style={
userAvatarUrl userAvatarUrl
? { ? {
@@ -4,7 +4,7 @@
import ChatPanel from '../../../components/ChatPanel/index.jsx'; import ChatPanel from '../../../components/ChatPanel/index.jsx';
export default function DisplayChatFeed() { export default function DisplayChatFeed() {
const displayChatScale = 3; const displayChatScale = 3.75;
return ( return (
<section className="h-full min-h-0 overflow-hidden border-t border-slate-800 bg-black p-[0.45vw]"> <section className="h-full min-h-0 overflow-hidden border-t border-slate-800 bg-black p-[0.45vw]">