litruv
821724b594
Reserve image/video box size from info.w/h, fade in over blurhash blobs, cache dimensions/blurhashes and authenticated media blobs so avatars don't refetch every remount, and throttle TitleBar/DM reorder during sync catchup.
31 lines
592 B
TypeScript
31 lines
592 B
TypeScript
import { style } from '@vanilla-extract/css';
|
|
import { DefaultReset, toRem } from 'folds';
|
|
|
|
export const Image = style([
|
|
DefaultReset,
|
|
{
|
|
display: 'block',
|
|
width: '100%',
|
|
height: '100%',
|
|
maxWidth: '100%',
|
|
maxHeight: '100%',
|
|
objectFit: 'cover',
|
|
borderRadius: 'inherit',
|
|
imageRendering: 'auto',
|
|
backfaceVisibility: 'hidden',
|
|
transform: 'translateZ(0)',
|
|
},
|
|
]);
|
|
|
|
export const Video = style([
|
|
DefaultReset,
|
|
{
|
|
display: 'block',
|
|
width: '100%',
|
|
height: '100%',
|
|
maxWidth: '100%',
|
|
maxHeight: '100%',
|
|
objectFit: 'cover',
|
|
},
|
|
]);
|