ui: round inner meter in ui/progress

wackerow · wackerow · commit cdf3bda93dfc · 2024-09-06T17:13:43.000-07:00
diff --git a/src/components/ui/progress.tsx b/src/components/ui/progress.tsx
@@ -16,7 +16,7 @@ const Progress = React.forwardRef<
     {...props}
   >
     <ProgressPrimitive.Indicator
-      className="h-full w-full flex-1 bg-disabled transition-all"
+      className="h-full w-full flex-1 rounded-full bg-disabled transition-all"
       style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
     />
   </ProgressPrimitive.Root>

Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,7 @@ const Progress = React.forwardRef<`
`16`	`16`	`{...props}`
`17`	`17`	`>`
`18`	`18`	`<ProgressPrimitive.Indicator`
`19`		`- className="h-full w-full flex-1 bg-disabled transition-all"`
	`19`	`+ className="h-full w-full flex-1 rounded-full bg-disabled transition-all"`
`20`	`20`	style={{ transform: `translateX(-${100 - (value \|\| 0)}%)` }}
`21`	`21`	`/>`
`22`	`22`	`</ProgressPrimitive.Root>`