Hope this will fix it

kokofixcomputers · Oct 14, 2024 · 11e1e8a · 11e1e8a
1 parent cb2f5c6
commit 11e1e8a
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/resources/scripts/components/dashboard/ServerRow.tsx b/resources/scripts/components/dashboard/ServerRow.tsx
@@ -131,25 +131,30 @@ export default ({ server, className }: { server: Server; className?: string }) =
                 </div>
             </div>
             {stats && (
-                <div css={tw`flex items-baseline justify-between col-span-full sm:flex-row sm:justify-around`}>
+                <div css={tw`flex flex-col items-baseline justify-between col-span-full sm:flex-row sm:justify-around`}>
                     <React.Fragment>
-                        <div css={tw`flex flex-col items-center sm:block`}>
+                        {/* CPU Indicator */}
+                        <div css={tw`flex flex-col items-center w-full sm:w-auto`}>
                             <div css={tw`flex justify-center text-neutral-500`}>
                                 <Icon.Cpu size={20} />
                                 <IconDescription $alarm={alarms.cpu}>
                                     {stats.cpuUsagePercent.toFixed(2)}%
                                 </IconDescription>
                             </div>
                         </div>
-                        <div css={tw`flex flex-col items-center sm:block`}>
+
+                        {/* Memory Indicator */}
+                        <div css={tw`flex flex-col items-center w-full sm:w-auto`}>
                             <div css={tw`flex justify-center text-gray-500`}>
                                 <Icon.PieChart size={20} />
                                 <IconDescription $alarm={alarms.memory}>
                                     {bytesToString(stats.memoryUsageInBytes)}
                                 </IconDescription>
                             </div>
                         </div>
-                        <div css={tw`flex flex-col items-center sm:block`}>
+
+                        {/* Disk Indicator */}
+                        <div css={tw`flex flex-col items-center w-full sm:w-auto`}>
                             <div css={tw`flex justify-center text-gray-500`}>
                                 <Icon.HardDrive size={20} />
                                 <IconDescription>{bytesToString(stats?.diskUsageInBytes)}</IconDescription>