fix: overview bandwidth overflow on mobile

This commit is contained in:
hamster1963 2024-12-18 15:48:24 +08:00
parent a19da63fce
commit 0ac6235422

View File

@ -141,11 +141,11 @@ export default function ServerOverviewClient() {
</div> </div>
{data?.result ? ( {data?.result ? (
<> <>
<section className="flex items-start flex-row pr-0 gap-1"> <section className="flex flex-col sm:flex-row items-start pr-0 gap-1">
<p className="sm:text-[12px] text-[10px] text-blue-800 dark:text-blue-400 text-nowrap font-medium"> <p className="text-[12px] text-blue-800 dark:text-blue-400 text-nowrap font-medium">
{formatBytes(data?.total_out_bandwidth)} {formatBytes(data?.total_out_bandwidth)}
</p> </p>
<p className="sm:text-[12px] text-[10px] text-purple-800 dark:text-purple-400 text-nowrap font-medium"> <p className="text-[12px] text-purple-800 dark:text-purple-400 text-nowrap font-medium">
{formatBytes(data?.total_in_bandwidth)} {formatBytes(data?.total_in_bandwidth)}
</p> </p>
</section> </section>