mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-07-17 01:56:27 +08:00
zzj3720
5a5779c05a
close: BS-2122, BS-2125, BS-2124, BS-2420, PD-2073, BS-2126, BS-2469, BS-2470, BS-2478, BS-2471
44 lines
1.0 KiB
TypeScript
44 lines
1.0 KiB
TypeScript
import { style } from '@vanilla-extract/css';
|
|
|
|
export const tableContainer = style({
|
|
display: 'block',
|
|
backgroundColor: 'var(--affine-background-primary-color)',
|
|
padding: '10px 0 18px',
|
|
overflowX: 'auto',
|
|
overflowY: 'visible',
|
|
selectors: {
|
|
'&::-webkit-scrollbar': {
|
|
height: '8px',
|
|
},
|
|
'&::-webkit-scrollbar-thumb:horizontal': {
|
|
borderRadius: '4px',
|
|
backgroundColor: 'transparent',
|
|
},
|
|
'&::-webkit-scrollbar-track:horizontal': {
|
|
backgroundColor: 'transparent',
|
|
height: '8px',
|
|
},
|
|
'&:hover::-webkit-scrollbar-thumb:horizontal': {
|
|
borderRadius: '4px',
|
|
backgroundColor: 'var(--affine-black-30)',
|
|
},
|
|
'&:hover::-webkit-scrollbar-track:horizontal': {
|
|
backgroundColor: 'var(--affine-hover-color)',
|
|
height: '8px',
|
|
},
|
|
},
|
|
});
|
|
|
|
export const tableWrapper = style({
|
|
overflow: 'visible',
|
|
display: 'flex',
|
|
flexDirection: 'row',
|
|
gap: '8px',
|
|
position: 'relative',
|
|
width: 'max-content',
|
|
});
|
|
|
|
export const table = style({});
|
|
|
|
export const rowStyle = style({});
|