fix(media-transcoding): improve responsive styles (#2550)

* fix(media-transcoding): improve responsive styles * fix: typecheck issue
2025-03-09 14:22:12 +01:00
parent d584ade8f4
commit 8f8d7884a9
7 changed files with 224 additions and 229 deletions
--- a/packages/widgets/src/media-transcoding/health-check-status.tsx
+++ b/packages/widgets/src/media-transcoding/health-check-status.tsx
@@ -23,8 +23,8 @@ export function HealthCheckStatus(props: HealthCheckStatusProps) {
  return (
    <HoverCard position="bottom" width={250} shadow="sm">
      <HoverCard.Target>
-        <Indicator color={textColor(indicatorColor, colorScheme)} size={8} display="flex">
-          <IconHeartbeat size={20} />
+        <Indicator color={textColor(indicatorColor, colorScheme)} size={6} display="flex">
+          <IconHeartbeat size={16} />
        </Indicator>
      </HoverCard.Target>
      <HoverCard.Dropdown bg={colorScheme === "light" ? "gray.2" : "dark.8"}>