From f5866dcd9dfcdf7d5377d34070d0315500f65742 Mon Sep 17 00:00:00 2001
From: kunish <kunish.butt@gmail.com>
Date: Fri, 1 Sep 2023 16:55:50 +0800
Subject: [PATCH] feat(stats): flexible size stat on large screen

---
 src/pages/Overview.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Overview.tsx b/src/pages/Overview.tsx
index 18e128c..ace9dc2 100644
--- a/src/pages/Overview.tsx
+++ b/src/pages/Overview.tsx
@@ -49,7 +49,7 @@ const defaultChartOptions: ApexOptions = {
 }
 
 const TrafficWidget: ParentComponent<{ label: JSX.Element }> = (props) => (
-  <div class="stat">
+  <div class="stat flex-1">
     <div class="stat-title text-secondary-content">{props.label}</div>
     <div class="stat-value text-primary-content">
       {children(() => props.children)()}
@@ -169,7 +169,7 @@ export default () => {
 
   return (
     <div class="flex flex-col gap-4">
-      <div class="stats stats-vertical w-full bg-primary shadow sm:stats-horizontal">
+      <div class="stats stats-vertical w-full bg-primary shadow lg:stats-horizontal lg:flex">
         <TrafficWidget label="Upload">
           {byteSize(traffic()?.up || 0).toString()}/s
         </TrafficWidget>