mirror of
https://github.com/cinnyapp/cinny.git
synced 2025-11-05 06:50:28 +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