Fix Progress bar overflow on UsageCard (#4540)
## Problem solved
Short description of the bug fixed or feature added
<!-- start pr-codex -->
---
## PR-Codex overview
This PR improves the UsageCard component in the Account settings by ensuring the width does not exceed 100%.
### Detailed summary
- Updated the width calculation in the UsageCard component to ensure it does not exceed 100%
> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`
<!-- end pr-codex -->
This commit is contained in:
@@ -70,7 +70,7 @@ function Progress(props: {
|
||||
: "bg-blue-600",
|
||||
)}
|
||||
style={{
|
||||
width: `${props.value}%`,
|
||||
width: `${Math.min(props.value, 100)}%`,
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user