op sidebar ui

This commit is contained in:
Julian Freeman
2026-04-16 18:23:14 -04:00
parent c61b516410
commit 6cf4e6b56f
6 changed files with 18 additions and 17 deletions

View File

@@ -158,7 +158,7 @@ function hasBookmarkPath(profile: ModalProfile): profile is BookmarkAssociatedPr
.header-cell { .header-cell {
color: var(--muted); color: var(--muted);
font-size: 0.77rem; font-size: 0.81rem;
font-weight: 700; font-weight: 700;
letter-spacing: 0.02em; letter-spacing: 0.02em;
} }

View File

@@ -76,7 +76,7 @@ const emit = defineEmits<{
.header-cell { .header-cell {
color: var(--muted); color: var(--muted);
font-size: 0.77rem; font-size: 0.81rem;
font-weight: 700; font-weight: 700;
letter-spacing: 0.02em; letter-spacing: 0.02em;
} }

View File

@@ -87,7 +87,7 @@ const emit = defineEmits<{
.header-cell { .header-cell {
color: var(--muted); color: var(--muted);
font-size: 0.77rem; font-size: 0.81rem;
font-weight: 700; font-weight: 700;
letter-spacing: 0.02em; letter-spacing: 0.02em;
} }

View File

@@ -98,7 +98,7 @@ const emit = defineEmits<{
.header-cell { .header-cell {
color: var(--muted); color: var(--muted);
font-size: 0.77rem; font-size: 0.81rem;
font-weight: 700; font-weight: 700;
letter-spacing: 0.02em; letter-spacing: 0.02em;
} }

View File

@@ -129,24 +129,25 @@ const emit = defineEmits<{
} }
.refresh-icon { .refresh-icon {
width: 13px; width: 14px;
height: 13px; height: 14px;
border: 1.8px solid #334155; border: 1.9px solid #334155;
border-right-color: transparent; border-left-color: transparent;
border-radius: 50%;
position: relative; position: relative;
border-radius: 50%;
transform: rotate(-22deg);
} }
.refresh-icon::after { .refresh-icon::after {
content: ""; content: "";
position: absolute; position: absolute;
top: -2px; top: -1px;
right: -3px; right: -2px;
width: 6px; width: 5px;
height: 6px; height: 5px;
border-top: 1.8px solid #334155; border-top: 1.9px solid #334155;
border-right: 1.8px solid #334155; border-right: 1.9px solid #334155;
transform: rotate(18deg); transform: rotate(0deg);
} }
.sr-only { .sr-only {

View File

@@ -1,6 +1,6 @@
.app-shell { .app-shell {
display: grid; display: grid;
grid-template-columns: 320px minmax(0, 1fr); grid-template-columns: 280px minmax(0, 1fr);
height: 100vh; height: 100vh;
padding: 14px; padding: 14px;
gap: 14px; gap: 14px;