Hare/yoi
1
1
Fork 0
Code Actions Packages Releases Activity

web: theme ticket table

Browse Source
This commit is contained in:
Keisuke Hirata 2026-07-24 11:20:23 +09:00
parent d3d2b28adc
commit 7a28395d75
No known key found for this signature in database
1 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
web/workspace/src/routes/w/[workspaceId]/tickets/+page.svelte
View File

@ -241,7 +241,7 @@
.ticket-filter { .ticket-filter {
display: grid; display: grid;
gap: 0.35rem; gap: 0.35rem;
color: var(--muted-foreground, #667085); color: var(--text-muted);
font-size: 0.78rem; font-size: 0.78rem;
font-weight: 600; font-weight: 600;
letter-spacing: 0.02em; letter-spacing: 0.02em;
@ -251,9 +251,9 @@
.ticket-filter input, .ticket-filter input,
.ticket-filter select { .ticket-filter select {
min-height: 2.35rem; min-height: 2.35rem;
border: 1px solid var(--border, #d0d5dd); border: 1px solid var(--line);
border-radius: 0.6rem; border-radius: 0.6rem;
background: var(--surface, #fff); background: var(--bg-raised);
color: inherit; color: inherit;
font: inherit; font: inherit;
font-weight: 500; font-weight: 500;
@ -264,9 +264,9 @@
.secondary-button { .secondary-button {
min-height: 2.35rem; min-height: 2.35rem;
border: 1px solid var(--border, #d0d5dd); border: 1px solid var(--line);
border-radius: 0.6rem; border-radius: 0.6rem;
background: var(--surface, #fff); background: var(--bg-raised);
color: inherit; color: inherit;
cursor: pointer; cursor: pointer;
font: inherit; font: inherit;
@ -275,7 +275,7 @@
} }
.ticket-table-wrap { .ticket-table-wrap {
border: 1px solid var(--border, #d0d5dd); border: 1px solid var(--line);
border-radius: 0.8rem; border-radius: 0.8rem;
overflow: auto; overflow: auto;
} }
@ -284,20 +284,22 @@
width: 100%; width: 100%;
min-width: 58rem; min-width: 58rem;
border-collapse: collapse; border-collapse: collapse;
background: var(--bg-raised);
color: var(--text);
font-size: 0.9rem; font-size: 0.9rem;
} }
.ticket-table th, .ticket-table th,
.ticket-table td { .ticket-table td {
border-bottom: 1px solid var(--border, #eaecf0); border-bottom: 1px solid var(--line);
padding: 0.72rem 0.8rem; padding: 0.72rem 0.8rem;
text-align: left; text-align: left;
vertical-align: top; vertical-align: top;
} }
.ticket-table th { .ticket-table th {
background: var(--subtle-surface, #f9fafb); background: var(--bg-subtle);
color: var(--muted-foreground, #667085); color: var(--text-muted);
font-size: 0.76rem; font-size: 0.76rem;
letter-spacing: 0.04em; letter-spacing: 0.04em;
position: sticky; position: sticky;
@ -312,7 +314,7 @@
} }
.ticket-table tbody tr:hover { .ticket-table tbody tr:hover {
background: var(--hover-surface, #f9fafb); background: var(--interactive-hover);
} }
.ticket-title-cell { .ticket-title-cell {
@ -333,7 +335,7 @@
.ticket-title-cell span, .ticket-title-cell span,
.ticket-table small, .ticket-table small,
.muted { .muted {
color: var(--muted-foreground, #667085); color: var(--text-muted);
display: block; display: block;
font-size: 0.78rem; font-size: 0.78rem;
margin-top: 0.2rem; margin-top: 0.2rem;