mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-07-17 10:06:17 +08:00
zzj3720
7b6e00d84a
close: BS-3446 <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **Refactor** - Migrated all styling from vanilla-extract to Emotion for improved CSS-in-JS consistency across database, table, and data view components. - Updated import paths for style modules to reflect the new Emotion-based file naming. - Removed unused or redundant style exports and updated selector syntax where necessary. - **Chores** - Updated dependencies: removed vanilla-extract and added Emotion in relevant package files. - **Style** - No visual changes to existing components; all style definitions remain consistent with previous designs. - **New Features** - Introduced new reusable CSS classes for data view and table components using Emotion. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
41 lines
923 B
TypeScript
41 lines
923 B
TypeScript
import { css } from '@emotion/css';
|
|
|
|
export const tableContainer = css({
|
|
display: 'block',
|
|
padding: '10px 0 18px 10px',
|
|
overflowX: 'auto',
|
|
overflowY: 'visible',
|
|
'::-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 = css({
|
|
overflow: 'visible',
|
|
display: 'flex',
|
|
flexDirection: 'row',
|
|
gap: '8px',
|
|
position: 'relative',
|
|
width: 'max-content',
|
|
});
|
|
|
|
export const table = css({});
|
|
|
|
export const rowStyle = css({});
|