jared
2b5c6fd606
Adds objectPosition:'center top' to all cover-fit thumbnail surfaces so portrait images show faces/subjects instead of the center-slice when the 600px AttachmentBox height cap forces cropping. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
22 lines
364 B
TypeScript
22 lines
364 B
TypeScript
import { style } from '@vanilla-extract/css';
|
|
import { DefaultReset } from 'folds';
|
|
|
|
export const Image = style([
|
|
DefaultReset,
|
|
{
|
|
objectFit: 'cover',
|
|
objectPosition: 'center top',
|
|
width: '100%',
|
|
height: '100%',
|
|
},
|
|
]);
|
|
|
|
export const Video = style([
|
|
DefaultReset,
|
|
{
|
|
objectFit: 'contain',
|
|
width: '100%',
|
|
height: '100%',
|
|
},
|
|
]);
|