ob/sprint
1
0
Fork 0
mirror of https://github.com/hex248/sprint.git synced 2026-02-07 18:23:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

more consistent table styling

Browse Source
This commit is contained in:
Oliver Bryan
2026-01-21 23:17:51 +00:00
parent f780725a23
commit f16bb9d671
3 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/frontend/src/App.css
View File

@@ -60,7 +60,7 @@
--popover-foreground: oklch(0.145 0 0); --popover-foreground: oklch(0.145 0 0);
--primary: oklch(0.205 0 0); --primary: oklch(0.205 0 0);
--primary-foreground: oklch(0.985 0 0); --primary-foreground: oklch(0.985 0 0);
--secondary: oklch(0.97 0 0); --secondary: oklch(99.405% 0.00011 271.152);
--secondary-foreground: oklch(0.205 0 0); --secondary-foreground: oklch(0.205 0 0);
--muted: oklch(0.97 0 0); --muted: oklch(0.97 0 0);
--muted-foreground: oklch(0.556 0 0); --muted-foreground: oklch(0.556 0 0);
@@ -96,7 +96,7 @@
--popover-foreground: oklch(0.985 0 0); --popover-foreground: oklch(0.985 0 0);
--primary: oklch(0.922 0 0); --primary: oklch(0.922 0 0);
--primary-foreground: oklch(0.205 0 0); --primary-foreground: oklch(0.205 0 0);
--secondary: oklch(0.269 0 0); --secondary: oklch(17.304% 0.00002 271.152);
--secondary-foreground: oklch(0.985 0 0); --secondary-foreground: oklch(0.985 0 0);
--muted: oklch(0.269 0 0); --muted: oklch(0.269 0 0);
--muted-foreground: oklch(0.708 0 0); --muted-foreground: oklch(0.708 0 0);

12
packages/frontend/src/components/issues-table.tsx
View File

@@ -41,13 +41,17 @@ export function IssuesTable({
return ( return (
<Table className={cn("table-fixed", className)}> <Table className={cn("table-fixed", className)}>
<TableHeader> <TableHeader>
<TableRow hoverEffect={false} className="bg-muted/20"> <TableRow hoverEffect={false} className="bg-secondary">
{(columns.id == null || columns.id === true) && ( {(columns.id == null || columns.id === true) && (
<TableHead className="text-right w-10 border-r">ID</TableHead> <TableHead className="text-right w-10 border-r text-xs font-medium text-muted-foreground">
ID
</TableHead>
)}
{(columns.title == null || columns.title === true) && (
<TableHead className="text-xs font-medium text-muted-foreground">Title</TableHead>
)} )}
{(columns.title == null || columns.title === true) && <TableHead>Title</TableHead>}
{(columns.description == null || columns.description === true) && ( {(columns.description == null || columns.description === true) && (
<TableHead>Description</TableHead> <TableHead className="text-xs font-medium text-muted-foreground">Description</TableHead>
)} )}
{/* below is kept blank to fill the space, used as the "Assignee" column */} {/* below is kept blank to fill the space, used as the "Assignee" column */}
{(columns.assignee == null || columns.assignee === true) && ( {(columns.assignee == null || columns.assignee === true) && (

2
packages/frontend/src/pages/Timeline.tsx
View File

@@ -251,7 +251,7 @@ export default function Timeline() {
> >
<div className="grid border-b bg-muted/20" style={{ gridTemplateColumns }}> <div className="grid border-b bg-muted/20" style={{ gridTemplateColumns }}>
<div <div
className={`px-${BREATHING_ROOM} py-${BREATHING_ROOM} text-xs font-medium text-muted-foreground bg-background border-r sticky left-0 z-30`} className={`px-${BREATHING_ROOM} py-${BREATHING_ROOM} text-xs font-medium text-muted-foreground bg-secondary border-r sticky left-0 z-30`}
> >
Sprint Sprint
</div> </div>