cinny/src/app/features/room/room-pin-menu/RoomPinMenu.css.ts
Ajay Bura 35f0e400ad
Pinned Messages (#2081)
* add pinned room events hook

* room pinned message - WIP

* add room event hook

* fetch pinned messages before displaying

* use react-query in room event hook

* disable staleTime and gc to 1 hour in room event hook

* use room event hook in reply component

* render pinned messages

* add option to pin/unpin messages

* remove message base from message placeholders and add variant

* display message placeholder while loading pinned messages

* render pinned event error

* show no pinned message placeholder

* fix message placeholder flickering
2024-12-16 16:25:15 +05:30

18 lines
391 B
TypeScript

import { style } from '@vanilla-extract/css';
import { config, toRem } from 'folds';
export const PinMenu = style({
display: 'flex',
maxWidth: toRem(548),
width: '100vw',
maxHeight: '90vh',
});
export const PinMenuHeader = style({
paddingLeft: config.space.S400,
paddingRight: config.space.S200,
});
export const PinMenuContent = style({
paddingLeft: config.space.S200,
});