mirror of
https://github.com/coder/coder.git
synced 2026-10-24 01:26:25 +08:00
Bryan
ace89161fb
This is testing out [Approach 3](https://www.notion.so/coderhq/Workspaces-v2-Initial-UI-Scaffolding-3b07d2847eed48839a7e6f0f2bb9bf56#56256f25d2954897a8ee315f0820cedd) in the UI scaffolding RFC. Fixes https://github.com/coder/coder/issues/11 The folder structure looks like: - `site` - `components` (buttons, empty state, etc) - `pages` (large sections of UI -> composition of components) - `theme` (files defining our palette) Several components were able to be brought in essentially unmodified: - `SplitButton` - `EmptyState` - `Footer` - All the icons / logos - Theming (removed several items that aren't necessary, yet, though) Other components had more coupling, and need more refactoring: - `NavBar` - `Confetti` Current State:  For a full working app, there's potentially a lot more to bring in: - User / Account Settings Stuff - Users Page - Organizations Page (and all the supporting dependencies)
9 lines
410 B
TypeScript
9 lines
410 B
TypeScript
export const spacing = 8
|
|
export const borderRadius = 4
|
|
export const buttonBorderWidth = 2
|
|
export const MONOSPACE_FONT_FAMILY =
|
|
"'Fira Code', 'Lucida Console', 'Lucida Sans Typewriter', 'Liberation Mono', 'Monaco', 'Courier New', Courier, monospace"
|
|
export const BODY_FONT_FAMILY = `"Inter", sans-serif`
|
|
export const lightButtonShadow = "0 2px 2px rgba(0, 23, 121, 0.08)"
|
|
export const emptyBoxShadow = "none"
|