Thomas des Francs
066003cb04
and a few fixes --------- Co-authored-by: Abdullah. <125115953+mabdullahabaid@users.noreply.github.com>
17 lines
892 B
TypeScript
17 lines
892 B
TypeScript
// Shared box-shadow tokens for floating windows inside the hero (Terminal +
|
|
// Twenty app window). Defined once so both shells stay visually consistent.
|
|
export const WINDOW_SHADOWS = {
|
|
// Default resting state — the window is on-screen but not being interacted
|
|
// with and not the frontmost window.
|
|
resting: '0 10px 64px 0 rgba(0, 0, 0, 0.2)',
|
|
// Elevated state — applied while the window is being dragged or resized, or
|
|
// when it's the active / frontmost window. Slightly stronger diffuse shadow
|
|
// plus a tight close shadow for depth.
|
|
elevated:
|
|
'0 14px 80px 0 rgba(0, 0, 0, 0.26), 0 4px 12px 0 rgba(0, 0, 0, 0.08)',
|
|
// Mobile resting shadow — lighter so the stacked window underneath isn't
|
|
// washed out to a grey by the overlapping shadow.
|
|
mobileResting: '0 4px 16px 0 rgba(0, 0, 0, 0.08)',
|
|
mobileElevated: '0 6px 20px 0 rgba(0, 0, 0, 0.12)',
|
|
} as const;
|