legop3/MultiRoombaRover
1
0
Fork 0
mirror of https://github.com/legop3/MultiRoombaRover.git synced 2026-11-14 18:58:49 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

add link embedding in chat, update tailwind, update icons, tweak column layout. (8000 files changed because tailwind changed stuff in the update)

Browse Source
This commit is contained in:
legop3
2026-09-20 15:41:45 -04:00
parent 69c5bfe544
commit ff8b0c530e
151 changed files with 5331 additions and 1787 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webui/src/components/ReplaySourcesPanel/ReplayReadyPopup.jsx
+6 -6
View File
@@ -113,7 +113,7 @@ export default function ReplayReadyPopup({ replay, onClose, variant = 'modal' })
clipOverflow={false}
bodyClassName="p-0.5"
>
<div className="overflow-hidden rounded bg-black">
<div className="overflow-hidden rounded-sm bg-black">
<video
key={videoUrl}
src={videoUrl}
@@ -126,7 +126,7 @@ export default function ReplayReadyPopup({ replay, onClose, variant = 'modal' })
// The floating panel is intentionally compact because it appears for users who
// did not ask for the replay. It still loads the video immediately, but its
// bounded height prevents the floating card from covering too much of the UI.
className="aspect-video max-h-[14rem] w-full bg-black"
className="aspect-video max-h-56 w-full bg-black"
/>
</div>
</CardFrame>
@@ -143,7 +143,7 @@ export default function ReplayReadyPopup({ replay, onClose, variant = 'modal' })
className={isModal ? 'h-full w-full' : ''}
bodyClassName={`${isPanel || isModal ? 'flex min-h-0 flex-1 flex-col' : ''} space-y-0.5 p-0.5 text-sm text-slate-200`}
>
<div className={`${isPanel || isModal ? 'min-h-0 flex-1' : ''} overflow-hidden rounded bg-black`}>
<div className={`${isPanel || isModal ? 'min-h-0 flex-1' : ''} overflow-hidden rounded-sm bg-black`}>
<video
key={videoUrl}
src={videoUrl}
@@ -156,18 +156,18 @@ export default function ReplayReadyPopup({ replay, onClose, variant = 'modal' })
// that video should fill the available viewport instead of behaving like
// a centered dialog preview. object-contain preserves the replay frame
// without cropping if the browser viewport is not the same aspect ratio.
className={`${isPanel ? 'h-full min-h-[10rem]' : isModal ? 'h-full object-contain' : 'aspect-video max-h-[72vh]'} w-full bg-black`}
className={`${isPanel ? 'h-full min-h-40' : isModal ? 'h-full object-contain' : 'aspect-video max-h-[72vh]'} w-full bg-black`}
/>
</div>
</CardFrame>
);
if (isPanel) {
return <div className="flex h-full min-h-[14rem] flex-col">{card}</div>;
return <div className="flex h-full min-h-56 flex-col">{card}</div>;
}
return (
<div className="fixed inset-0 z-[110] flex items-stretch justify-stretch bg-black" onClick={onClose} role="presentation">
<div className="fixed inset-0 z-110 flex items-stretch justify-stretch bg-black" onClick={onClose} role="presentation">
<div
className="pointer-events-auto h-full w-full"
onClick={(event) => {
webui/src/components/ReplaySourcesPanel/index.jsx
+1 -1
View File
@@ -237,7 +237,7 @@ export default function ReplaySourcesPanel({
return (
<div className={`relative ${fillHeight ? 'flex h-full min-h-0 flex-col' : ''}`}>
{showPanelReplay ? (
<div className="absolute bottom-[calc(100%+0.125rem)] left-1/2 z-[70] w-[min(20rem,calc(100vw-1rem))] -translate-x-1/2">
<div className="absolute bottom-[calc(100%+0.125rem)] left-1/2 z-70 w-[min(20rem,calc(100vw-1rem))] -translate-x-1/2">
<ReplayReadyPopup
replay={panelReplay}
variant="floating-panel"