josh/electric-cherry
1
0
Fork 0
Code Issues 18 Pull Requests Actions Packages Projects Releases Wiki Activity

Add Prettier and ESLint tooling (Refs #77)

Browse Source
This commit is contained in:
josh
2026-10-09 15:56:13 -04:00
parent 8ed059b8d3
commit 16469e2d43
711 changed files with 99737 additions and 28286 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/ui/library.css
+103 -19
View File
@@ -1,19 +1,103 @@
.library-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.library-toolbar .search { flex:1 1 260px; min-width:0; }
.library-toolbar input, .library-toolbar select { box-sizing:border-box; width:100%; min-height:40px; padding:9px 12px; border:1px solid var(--border-control); border-radius:var(--radius-sm); background:var(--surface-sunken); color:var(--text-primary); font:var(--text-sm) var(--font-body); }
.library-toolbar>select { width:auto; }
.library-table { overflow-x:auto; border:1px solid var(--border-subtle); border-radius:var(--radius-md); }
.library-table table { width:100%; min-width:680px; border-collapse:collapse; text-align:left; font-size:var(--text-sm); }
.library-table th { padding:10px 16px; color:var(--text-secondary); font-size:var(--text-xs); font-weight:500; background:var(--surface-sunken); }
.library-table td { padding:12px 16px; border-top:1px solid var(--border-subtle); background:var(--surface); vertical-align:middle; }
.library-table tr:hover td { background:var(--surface-raised); }
.library-table .name { color:var(--text-primary); font-weight:600; text-decoration:none; overflow-wrap:anywhere; }
.library-table a { color:var(--accent-primary-hover); }
.library-table .name:hover { color:var(--accent-primary-hover); text-decoration:underline; }
.library-table .secondary { display:block; color:var(--text-secondary); font-size:var(--text-xs); margin-top:5px; overflow-wrap:anywhere; }
.library-table .numeric { font-variant-numeric:tabular-nums; }
.library-table .select-cell { width:20px; padding-right:0; }
.library-table tr.selected td { background:color-mix(in srgb, var(--accent-primary) 8%, var(--surface)); }
.library-table input[type='checkbox'] { width:16px; height:16px; accent-color:var(--accent-primary); }
.library-table a:focus-visible, .library-table input:focus-visible, .library-toolbar :focus-visible { outline:2px solid var(--accent-primary); outline-offset:3px; }
@media(max-width:640px) { .library-toolbar>select, .library-toolbar>label { flex:1 1 140px; } .library-toolbar .search { flex-basis:100%; } }
.library-toolbar {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.library-toolbar .search {
flex: 1 1 260px;
min-width: 0;
}
.library-toolbar input,
.library-toolbar select {
box-sizing: border-box;
width: 100%;
min-height: 40px;
padding: 9px 12px;
border: 1px solid var(--border-control);
border-radius: var(--radius-sm);
background: var(--surface-sunken);
color: var(--text-primary);
font: var(--text-sm) var(--font-body);
}
.library-toolbar > select {
width: auto;
}
.library-table {
overflow-x: auto;
border: 1px solid var(--border-subtle);
border-radius: var(--radius-md);
}
.library-table table {
width: 100%;
min-width: 680px;
border-collapse: collapse;
text-align: left;
font-size: var(--text-sm);
}
.library-table th {
padding: 10px 16px;
color: var(--text-secondary);
font-size: var(--text-xs);
font-weight: 500;
background: var(--surface-sunken);
}
.library-table td {
padding: 12px 16px;
border-top: 1px solid var(--border-subtle);
background: var(--surface);
vertical-align: middle;
}
.library-table tr:hover td {
background: var(--surface-raised);
}
.library-table .name {
color: var(--text-primary);
font-weight: 600;
text-decoration: none;
overflow-wrap: anywhere;
}
.library-table a {
color: var(--accent-primary-hover);
}
.library-table .name:hover {
color: var(--accent-primary-hover);
text-decoration: underline;
}
.library-table .secondary {
display: block;
color: var(--text-secondary);
font-size: var(--text-xs);
margin-top: 5px;
overflow-wrap: anywhere;
}
.library-table .numeric {
font-variant-numeric: tabular-nums;
}
.library-table .select-cell {
width: 20px;
padding-right: 0;
}
.library-table tr.selected td {
background: color-mix(in srgb, var(--accent-primary) 8%, var(--surface));
}
.library-table input[type='checkbox'] {
width: 16px;
height: 16px;
accent-color: var(--accent-primary);
}
.library-table a:focus-visible,
.library-table input:focus-visible,
.library-toolbar :focus-visible {
outline: 2px solid var(--accent-primary);
outline-offset: 3px;
}
@media (max-width: 640px) {
.library-toolbar > select,
.library-toolbar > label {
flex: 1 1 140px;
}
.library-toolbar .search {
flex-basis: 100%;
}
}