diff --git a/frontend/packages/website/src/components/FeatureGrid.tsx b/frontend/packages/website/src/components/FeatureGrid.tsx index 9be697b..678f258 100644 --- a/frontend/packages/website/src/components/FeatureGrid.tsx +++ b/frontend/packages/website/src/components/FeatureGrid.tsx @@ -224,7 +224,7 @@ export function FeatureGrid() { application.

- $ sandbox-agent serve --port 4000 + $ sandbox-agent server
diff --git a/frontend/packages/website/src/styles/global.css b/frontend/packages/website/src/styles/global.css index 2e62dc6..8dbb6f8 100644 --- a/frontend/packages/website/src/styles/global.css +++ b/frontend/packages/website/src/styles/global.css @@ -12,6 +12,13 @@ @apply bg-accent/30 text-white; } + /* Firefox scrollbar */ + * { + scrollbar-width: thin; + scrollbar-color: #3f3f46 transparent; + } + + /* Webkit scrollbar */ ::-webkit-scrollbar { @apply w-2 h-2; } @@ -33,11 +40,26 @@ } /* Code block scrollbars */ - pre::-webkit-scrollbar { - @apply h-1.5; + pre, code, .overflow-x-auto { + scrollbar-width: thin; + scrollbar-color: #52525b #18181b; } - pre::-webkit-scrollbar-thumb { + pre::-webkit-scrollbar, + code::-webkit-scrollbar, + .overflow-x-auto::-webkit-scrollbar { + @apply h-2; + } + + pre::-webkit-scrollbar-track, + code::-webkit-scrollbar-track, + .overflow-x-auto::-webkit-scrollbar-track { + @apply bg-zinc-900; + } + + pre::-webkit-scrollbar-thumb, + code::-webkit-scrollbar-thumb, + .overflow-x-auto::-webkit-scrollbar-thumb { @apply bg-zinc-600 rounded-full; } }