Style: Remove the width restriction on the server name so that it can be displayed in full.

This commit is contained in:
DearTanker
2025-06-29 21:13:36 +08:00
parent e79f8c4b72
commit 0c0912f606
2 changed files with 4 additions and 4 deletions
@@ -87,7 +87,7 @@ export const ShowNodes = ({ serverId }: Props) => {
</TableCaption> </TableCaption>
<TableHeader> <TableHeader>
<TableRow> <TableRow>
<TableHead className="w-[100px]">Hostname</TableHead> <TableHead className="text-left">Hostname</TableHead>
<TableHead className="text-right">Status</TableHead> <TableHead className="text-right">Status</TableHead>
<TableHead className="text-right">Role</TableHead> <TableHead className="text-right">Role</TableHead>
<TableHead className="text-right">Availability</TableHead> <TableHead className="text-right">Availability</TableHead>
@@ -104,7 +104,7 @@ export const ShowNodes = ({ serverId }: Props) => {
const isManager = node.Spec.Role === "manager"; const isManager = node.Spec.Role === "manager";
return ( return (
<TableRow key={node.ID}> <TableRow key={node.ID}>
<TableCell className="w-[100px]"> <TableCell className="text-left">
{node.Description.Hostname} {node.Description.Hostname}
</TableCell> </TableCell>
<TableCell className="text-right"> <TableCell className="text-right">
@@ -141,7 +141,7 @@ export const ShowServers = () => {
</TableCaption> </TableCaption>
<TableHeader> <TableHeader>
<TableRow> <TableRow>
<TableHead className="w-[100px]">Name</TableHead> <TableHead className="text-left">Name</TableHead>
{isCloud && ( {isCloud && (
<TableHead className="text-center"> <TableHead className="text-center">
Status Status
@@ -173,7 +173,7 @@ export const ShowServers = () => {
const isActive = server.serverStatus === "active"; const isActive = server.serverStatus === "active";
return ( return (
<TableRow key={server.serverId}> <TableRow key={server.serverId}>
<TableCell className="w-[100px]"> <TableCell className="text-left">
{server.name} {server.name}
</TableCell> </TableCell>
{isCloud && ( {isCloud && (