mirror of
https://github.com/coder/coder.git
synced 2026-06-02 20:48:20 +00:00
fix(site): align table headers with row cells in providers list
The header row had 4 columns but each data row had 5 cells (the chevron column had no header). This caused Status and Last modified to render misaligned. Add the missing sr-only header for the chevron column and drop the fixed width on Last modified so it fills the remaining space.
This commit is contained in:
@@ -104,7 +104,10 @@ const ProvidersPageView: React.FC<ProvidersPageViewProps> = ({
|
||||
<TableHead className="w-1/4">Name</TableHead>
|
||||
<TableHead className="w-1/4">Base URL</TableHead>
|
||||
<TableHead className="w-22">Status</TableHead>
|
||||
<TableHead className="w-1/4">Last modified</TableHead>
|
||||
<TableHead>Last modified</TableHead>
|
||||
<TableHead className="w-10">
|
||||
<span className="sr-only">Open provider</span>
|
||||
</TableHead>
|
||||
</TableRow>
|
||||
</TableHeader>
|
||||
<TableBody>
|
||||
|
||||
@@ -29,8 +29,8 @@ const meta: Meta<typeof ProviderRow> = {
|
||||
<TableHead className="w-1/4">Name</TableHead>
|
||||
<TableHead className="w-1/4">Base URL</TableHead>
|
||||
<TableHead className="w-22">Status</TableHead>
|
||||
<TableHead className="w-1/4">Last modified</TableHead>
|
||||
<TableHead className="w-12">
|
||||
<TableHead>Last modified</TableHead>
|
||||
<TableHead className="w-10">
|
||||
<span className="sr-only">Open provider</span>
|
||||
</TableHead>
|
||||
</TableRow>
|
||||
|
||||
Reference in New Issue
Block a user