cinny/src/app/organisms/room/RoomViewTyping.css.ts
Ajay Bura 13573f4b3f
Fix space mention (#1439)
* open space on space mention click

* fix styles

* fix message options sticks

* revert last changes
2023-10-07 14:51:35 +05:30

27 lines
599 B
TypeScript

import { keyframes, style } from '@vanilla-extract/css';
import { DefaultReset, color, config } from 'folds';
const SlideUpAnime = keyframes({
from: {
transform: 'translateY(100%)',
},
to: {
transform: 'translateY(0)',
},
});
export const RoomViewTyping = style([
DefaultReset,
{
padding: `0 ${config.space.S500}`,
width: '100%',
backgroundColor: color.Surface.Container,
color: color.Surface.OnContainer,
position: 'absolute',
bottom: 0,
animation: `${SlideUpAnime} 100ms ease-in-out`,
},
]);
export const TypingText = style({
flexGrow: 1,
});