fix: client and server width

VaalaCat · May 12, 2024 · 2e2de46 · 2e2de46
1 parent 97f13d2
commit 2e2de46
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/www/components/client_item.tsx b/www/components/client_item.tsx
@@ -148,7 +148,7 @@ export const ClientInfo = ({ client }: { client: ClientTableSchema }) => {
       client.stopped ? 'text-yellow-500' : 'text-green-500') : 'text-red-500'
 
   return (
-    <div className={`p-2 border rounded font-mono w-fit ${infoColor}`}>
+    <div className={`p-2 border rounded font-mono w-fit ${infoColor} text-nowrap`}>
       {`${clientsInfo.data?.clients[client.id].ping}ms, ${trans(clientsInfo.data?.clients[client.id])}`}
     </div>
   )

diff --git a/www/components/layout.tsx b/www/components/layout.tsx
@@ -23,7 +23,7 @@ export const RootLayout = ({
       </div>
       <div className="flex">
         {sidebar}
-        <div className="my-2 ml-0 mr-2 max-w-full w-full">{children}</div>
+        <div className="my-2 ml-0 mr-2 max-w-[calc(100vw-100px)] w-full">{children}</div>
       </div>
       <Toaster />
     </main>

diff --git a/www/components/server_item.tsx b/www/components/server_item.tsx
@@ -152,7 +152,7 @@ export const ServerInfo = ({ server }: { server: ServerTableSchema }) => {
     clientsInfo.data?.clients[server.id]?.status === ClientStatus_Status.ONLINE ? 'text-green-500' : 'text-red-500'
 
   return (
-    <div className={`p-2 border rounded font-mono w-fit ${infoColor}`}>
+    <div className={`p-2 border rounded font-mono w-fit ${infoColor} text-nowrap`}>
       {`${clientsInfo.data?.clients[server.id].ping}ms, ${trans(clientsInfo.data?.clients[server.id])}`}
     </div>
   )