Something went wrong. Try again.
personal fork of bluesky app bsky.kelinci.net
Something went wrong. Try again.
869 B · 48 lines
TypeScript
at main
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849import { style } from '@vanilla-extract/css';
import { vars } from '#/styles/contract.css';import { iconSize } from '#/styles/tokens.css';
export const outer = style({ display: 'flex', flexDirection: 'row', gap: 8, alignItems: 'center', backgroundColor: vars.palette.negative_200, padding: 8,});
export const iconBox = style({ display: 'flex', flexShrink: 0, alignItems: 'center', justifyContent: 'center', width: 24, height: 24,});
export const message = style({ flex: 1, paddingRight: 10, minWidth: 0,});
export const retry = style({ appearance: 'none', display: 'flex', flexShrink: 0, alignItems: 'center', justifyContent: 'center', border: 'none', background: 'none', padding: 0, width: 24, height: 24, cursor: 'pointer',});
export const icon = style({ width: iconSize.md, height: iconSize.md, color: vars.palette.white,});