vince/dimensionlab-website
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

fix(dashboard): compact bookmark dividers

Browse source
This commit is contained in:
vince 2026-06-19 04:11:14 +02:00
parent 769d624799
commit ba904ef4f9
5 changed files with 65 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/lib/ui/components/ServicePanel.svelte
View file

@ -17,3 +17,14 @@
{/each}
</Panel>
</div>
<style>
.service-panel :global(.panel__body) {
gap: 0;
padding-block: 0.24rem 0.42rem;
}
.service-panel :global(.status-strip) {
margin-bottom: 0.16rem;
}
</style>

20
src/lib/ui/components/ServiceRow.svelte
View file

@ -42,31 +42,33 @@
.service-row {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: 0.42rem;
gap: 0.24rem;
align-items: center;
min-height: 2.35rem;
border: var(--ui-border);
background: rgba(12, 13, 12, 0.72);
min-height: 2.02rem;
border: 0;
border-bottom: var(--ui-border);
background: transparent;
color: inherit;
padding: 0.3rem 0.38rem;
padding: 0.14rem 0;
text-decoration: none;
}
.service-row[data-severity="warning"] {
border-color: color-mix(in srgb, var(--ui-color-warning), transparent 54%);
border-bottom-color: color-mix(in srgb, var(--ui-color-warning), transparent 54%);
}
.service-row[data-severity="danger"],
.service-row[data-severity="unavailable"] {
border-color: color-mix(in srgb, var(--ui-color-danger), transparent 50%);
border-bottom-color: color-mix(in srgb, var(--ui-color-danger), transparent 50%);
}
.service-row[data-severity="loading"] {
border-color: color-mix(in srgb, var(--ui-color-accent), transparent 56%);
border-bottom-color: color-mix(in srgb, var(--ui-color-accent), transparent 56%);
}
.service-row:where(a):hover {
border-color: var(--ui-color-accent);
border-bottom-color: var(--ui-color-accent);
background: rgba(244, 244, 244, 0.035);
}
.service-row__main {