nils/papercrate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style

Browse Source
This commit is contained in:
nils
2025-11-14 02:23:07 +01:00
parent 2966e25646
commit 6f4ff68062
2 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles/detail/detail-panels.css
+5 -5
View File
@@ -24,8 +24,8 @@
.detail-panel__resize-handle { .detail-panel__resize-handle {
position: absolute; position: absolute;
top: 0; top: 0;
left: -0.4rem; left: -0.6rem;
width: 0.8rem; width: 1.2rem;
height: 100%; height: 100%;
border: none; border: none;
background: transparent; background: transparent;
@@ -39,7 +39,7 @@
.detail-panel__resize-handle span { .detail-panel__resize-handle span {
width: 2px; width: 2px;
height: 32px; height: 100%;
border-radius: 999px; border-radius: 999px;
background: transparent; background: transparent;
transition: background 120ms ease; transition: background 120ms ease;
@@ -48,11 +48,11 @@
.detail-panel__resize-handle:hover span, .detail-panel__resize-handle:hover span,
.detail-panel__resize-handle:focus-visible span, .detail-panel__resize-handle:focus-visible span,
.detail-panel__resize-handle.is-active span { .detail-panel__resize-handle.is-active span {
background: var(--accent); background: var(--border);
} }
.detail-panel__resize-handle:focus-visible { .detail-panel__resize-handle:focus-visible {
outline: 2px solid color-mix(in oklch, var(--accent) 60%, transparent); outline: 2px solid color-mix(in oklch, var(--border) 80%, transparent);
outline-offset: 2px; outline-offset: 2px;
border-radius: 999px; border-radius: 999px;
} }
frontend/src/styles/sidebar/sidebar.css
+6 -5
View File
@@ -124,7 +124,7 @@
.sidebar { .sidebar {
gap: 0; gap: 0;
overflow: hidden; overflow: visible;
color: var(--sidebar-fg); color: var(--sidebar-fg);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -160,7 +160,7 @@
.sidebar__resize-handle span { .sidebar__resize-handle span {
width: 2px; width: 2px;
height: 32px; height: 100%;
border-radius: 999px; border-radius: 999px;
background: transparent; background: transparent;
transition: background 120ms ease; transition: background 120ms ease;
@@ -169,11 +169,11 @@
.sidebar__resize-handle:hover span, .sidebar__resize-handle:hover span,
.sidebar__resize-handle:focus-visible span, .sidebar__resize-handle:focus-visible span,
.sidebar__resize-handle.is-active span { .sidebar__resize-handle.is-active span {
background: var(--accent); background: var(--border);
} }
.sidebar__resize-handle:focus-visible { .sidebar__resize-handle:focus-visible {
outline: 2px solid color-mix(in oklch, var(--accent) 60%, transparent); outline: 2px solid color-mix(in oklch, var(--border) 80%, transparent);
outline-offset: 2px; outline-offset: 2px;
border-radius: 999px; border-radius: 999px;
} }
@@ -190,7 +190,7 @@
.sidebar__footer { .sidebar__footer {
border-top: 1px solid var(--border-muted, var(--border)); border-top: 1px solid var(--border-muted, var(--border));
background: var(--surface-subtle); background: var(--bg);
padding: 0.6rem 0.85rem; padding: 0.6rem 0.85rem;
display: flex; display: flex;
gap: 0.35rem; gap: 0.35rem;
@@ -239,6 +239,7 @@
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 0.35rem; gap: 0.35rem;
white-space: nowrap;
} }
.sidebar__logo { .sidebar__logo {