mirror/Compass
1
0
Fork 0
mirror of https://github.com/CompassConnections/Compass.git synced 2026-04-16 20:49:49 -04:00
Code Issues Packages Projects Releases Wiki Activity

Update sidebar background color to canvas-50 for improved visual consistency across components

Browse Source
This commit is contained in:
MartinBraquet
2026-04-10 14:13:02 +02:00
parent 290a3b09c6
commit 37c1581653
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/page-base.tsx
View File

@@ -93,7 +93,7 @@ export function PageBase(props: {
) : (
<Sidebar
navigationOptions={desktopSidebarOptions}
className="sticky top-0 hidden self-start px-2 lg:col-span-2 lg:flex sidebar-nav bg-canvas-25"
className="sticky top-0 hidden self-start px-2 lg:col-span-2 lg:flex sidebar-nav bg-canvas-50"
/>
)}
<main

2
web/components/profiles/profiles-home.tsx
View File

@@ -346,7 +346,7 @@ export function ProfilesHome() {
)}
</Col>
{/* Desktop: filters sidebar on the right */}
<div className="hidden lg:block lg:col-span-3 lg:sticky lg:top-4 lg:h-fit text-sm bg-canvas-25 rounded-xl max-h-[calc(100vh-2rem)] overflow-y-auto">
<div className="hidden lg:block lg:col-span-3 lg:sticky lg:top-4 lg:h-fit text-sm bg-canvas-50 rounded-xl max-h-[calc(100vh-2rem)] overflow-y-auto">
{filtersElement}
</div>
</div>

2
web/styles/globals.css
View File

@@ -122,7 +122,7 @@
/* Background / Canvas Grey Scale */
--color-canvas-0: 255 255 255; /* white */
--color-canvas-25: 245 245 245;
--color-canvas-50: 235 235 235;
--color-canvas-50: 240 240 240;
--color-canvas-100: 220 220 220;
--color-canvas-200: 210 210 210;
--color-canvas-300: 190 190 190;