mirror of
https://github.com/cinnyapp/cinny.git
synced 2025-11-05 15:00:30 +03:00
Add style for draggable
This commit is contained in:
parent
1ec2c2d27b
commit
3e814fc294
1 changed files with 29 additions and 0 deletions
29
src/app/components/message/behavior/style.css.ts
Normal file
29
src/app/components/message/behavior/style.css.ts
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
import { style } from '@vanilla-extract/css';
|
||||||
|
|
||||||
|
export const container = style({
|
||||||
|
position: 'relative',
|
||||||
|
overflow: 'hidden',
|
||||||
|
width: '100%',
|
||||||
|
});
|
||||||
|
|
||||||
|
export const iconContainer = style({
|
||||||
|
position: 'absolute',
|
||||||
|
top: 0,
|
||||||
|
bottom: 0,
|
||||||
|
right: 0,
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
justifyContent: 'center',
|
||||||
|
width: '150px',
|
||||||
|
});
|
||||||
|
|
||||||
|
export const messageContent = style({
|
||||||
|
position: 'relative',
|
||||||
|
touchAction: 'pan-y',
|
||||||
|
backgroundColor: 'var(--folds-color-Background-Main)',
|
||||||
|
width: '100%',
|
||||||
|
});
|
||||||
|
|
||||||
|
export const icon = style({
|
||||||
|
position: 'absolute',
|
||||||
|
});
|
||||||
Loading…
Add table
Add a link
Reference in a new issue