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 {
position: absolute;
top: 0;
left: -0.4rem;
width: 0.8rem;
left: -0.6rem;
width: 1.2rem;
height: 100%;
border: none;
background: transparent;
@@ -39,7 +39,7 @@
.detail-panel__resize-handle span {
width: 2px;
height: 32px;
height: 100%;
border-radius: 999px;
background: transparent;
transition: background 120ms ease;
@@ -48,11 +48,11 @@
.detail-panel__resize-handle:hover span,
.detail-panel__resize-handle:focus-visible span,
.detail-panel__resize-handle.is-active span {
background: var(--accent);
background: var(--border);
}
.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;
border-radius: 999px;
}
frontend/src/styles/sidebar/sidebar.css
+6 -5
View File
@@ -124,7 +124,7 @@
.sidebar {
gap: 0;
overflow: hidden;
overflow: visible;
color: var(--sidebar-fg);
display: flex;
flex-direction: column;
@@ -160,7 +160,7 @@
.sidebar__resize-handle span {
width: 2px;
height: 32px;
height: 100%;
border-radius: 999px;
background: transparent;
transition: background 120ms ease;
@@ -169,11 +169,11 @@
.sidebar__resize-handle:hover span,
.sidebar__resize-handle:focus-visible span,
.sidebar__resize-handle.is-active span {
background: var(--accent);
background: var(--border);
}
.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;
border-radius: 999px;
}
@@ -190,7 +190,7 @@
.sidebar__footer {
border-top: 1px solid var(--border-muted, var(--border));
background: var(--surface-subtle);
background: var(--bg);
padding: 0.6rem 0.85rem;
display: flex;
gap: 0.35rem;
@@ -239,6 +239,7 @@
display: inline-flex;
align-items: center;
gap: 0.35rem;
white-space: nowrap;
}
.sidebar__logo {