Something went wrong. Try again.
personal fork of bluesky app bsky.kelinci.net
Something went wrong. Try again.
971 B · 39 lines
TypeScript
at main
12345678910111213141516171819202122232425262728293031323334353637383940import { fallbackVar, style } from '@vanilla-extract/css';
import { bottomBarHeightVar } from '#/components/Shell/Shell.css';
import { recipe } from '#/styles/recipe';
export const screen = recipe( { base: { display: 'flex', flexDirection: 'column', flexShrink: 0, minHeight: `calc(100dvh - ${fallbackVar(bottomBarHeightVar, '0px')})`, }, defaultVariants: { noInsetTop: false, withinSplitView: false, }, variants: { noInsetTop: { false: { paddingTop: 'env(safe-area-inset-top, 0px)' }, true: { paddingTop: 0 }, }, // within the messages split view the screen fills a height-bounded column, so cap it instead of // growing to 100dvh — that lets an inner `flex: 1` region scroll rather than overflowing the shell withinSplitView: { false: {}, true: { maxHeight: '100%' }, }, }, }, { debugId: 'screen' },);
export const content = style({ display: 'flex', flexDirection: 'column', flexGrow: 1,});