20 lines
2.0 KiB
CSS
20 lines
2.0 KiB
CSS
.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%; } }
|