Center everything???????

kokofixcomputers · Oct 30, 2024 · 29e13ae · 29e13ae
1 parent 2cb49b8
commit 29e13ae
Showing 1 changed file with 24 additions and 24 deletions.
diff --git a/resources/scripts/components/dashboard/ServerRow.tsx b/resources/scripts/components/dashboard/ServerRow.tsx
@@ -131,36 +131,36 @@ export default ({ server, className }: { server: Server; className?: string }) =
                 </div>
             </div>
             {stats && (
-                <div css={tw`flex flex-col sm:flex-row items-center justify-between col-span-full`}>
-                    {/* CPU Indicator */}
-                    <div css={tw`flex flex-col items-center w-full sm:w-auto mb-4 sm:mb-0`}>
-                        <div css={tw`flex justify-center text-neutral-500`}>
-                            <Icon.Cpu size={20} />
-                            <IconDescription $alarm={alarms.cpu}>
-                                {stats.cpuUsagePercent.toFixed(2)}%
-                            </IconDescription>
-                        </div>
+                <div css={tw`flex flex-col sm:flex-row items-center justify-center sm:justify-between col-span-full`}>
+                 {/* CPU Indicator */}
+                <div css={tw`flex flex-col items-center w-full sm:w-auto mb-4 sm:mb-0`}>
+                    <div css={tw`flex justify-center text-neutral-500`}>
+                        <Icon.Cpu size={20} />
+                        <IconDescription $alarm={alarms.cpu}>
+                            {stats.cpuUsagePercent.toFixed(2)}%
+                        </IconDescription>
                     </div>
+                </div>
 
-                    {/* Memory Indicator */}
-                    <div css={tw`flex flex-col items-center w-full sm:w-auto mb-4 sm:mb-0`}>
-                        <div css={tw`flex justify-center text-gray-500`}>
-                            <Icon.PieChart size={20} />
-                            <IconDescription $alarm={alarms.memory}>
-                                {bytesToString(stats.memoryUsageInBytes)}
-                            </IconDescription>
-                        </div>
+                {/* Memory Indicator */}
+                <div css={tw`flex flex-col items-center w-full sm:w-auto mb-4 sm:mb-0`}>
+                    <div css={tw`flex justify-center text-gray-500`}>
+                        <Icon.PieChart size={20} />
+                        <IconDescription $alarm={alarms.memory}>
+                            {bytesToString(stats.memoryUsageInBytes)}
+                        </IconDescription>
                     </div>
+                </div>
 
-                    {/* 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>
-                        </div>
+                {/* 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>
                     </div>
                 </div>
-            )}
+            </div>
+        )}
             <div className={'status-bar'} />
         </StatusIndicatorBox>
     );