.
This commit is contained in:
@@ -1025,16 +1025,15 @@ export default function MediaRequestForm() {
|
|||||||
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 7V5c0-1 .5-2 2-2h4c1.5 0 2 1 2 2v2" />
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 7V5c0-1 .5-2 2-2h4c1.5 0 2 1 2 2v2" />
|
||||||
</svg>
|
</svg>
|
||||||
<span>
|
<span>
|
||||||
<span className={`font-medium ${
|
<span className={`font-medium ${diskSpace.usedPercent > 90 ? 'text-red-500' :
|
||||||
diskSpace.usedPercent > 90 ? 'text-red-500' :
|
diskSpace.usedPercent > 75 ? 'text-yellow-500' : 'text-green-600 dark:text-green-400'
|
||||||
diskSpace.usedPercent > 75 ? 'text-yellow-500' : 'text-green-600 dark:text-green-400'
|
}`}>{diskSpace.availableFormatted}</span> available
|
||||||
}`}>{diskSpace.availableFormatted}</span> available
|
|
||||||
</span>
|
</span>
|
||||||
<div className="w-20 h-1.5 bg-neutral-200 dark:bg-neutral-700 rounded-full overflow-hidden">
|
<div className="w-20 h-1.5 bg-neutral-200 dark:bg-neutral-700 rounded-full overflow-hidden">
|
||||||
<div
|
<div
|
||||||
className={`h-full rounded-full ${diskSpace.usedPercent > 90 ? 'bg-red-500' :
|
className={`h-full rounded-full ${diskSpace.usedPercent > 90 ? 'bg-red-500' :
|
||||||
diskSpace.usedPercent > 75 ? 'bg-yellow-500' : 'bg-green-500'
|
diskSpace.usedPercent > 75 ? 'bg-yellow-500' : 'bg-green-500'
|
||||||
}`}
|
}`}
|
||||||
style={{ width: `${diskSpace.usedPercent}%` }}
|
style={{ width: `${diskSpace.usedPercent}%` }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user