Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-12 12:28:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: add hover style for filter item (#2868)

Browse Source
This commit is contained in:
JimmFly
2023-06-27 19:02:46 +08:00
committed by GitHub
parent dd58b1bbf6
commit eec2074b88
2 changed files with 28 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/component/src/components/date-picker/index.css.ts
View File

@@ -8,8 +8,11 @@ export const inputStyle = style({
alignItems: 'center',
justifyContent: 'center',
height: '22px',
marginLeft: '10px',
marginRight: '10px',
textAlign: 'center',
':hover': {
background: 'var(--affine-hover-color)',
borderRadius: '4px',
},
});
export const popperStyle = style({
boxShadow: 'var(--affine-shadow-2)',

26
packages/component/src/components/page-list/filter/index.css.ts
View File

@@ -41,21 +41,41 @@ export const filterItemCloseStyle = style({
});
export const inputStyle = style({
fontSize: 'var(--affine-font-xs)',
margin: '0 10px',
padding: '2px 4px',
transition: 'all 0.15s ease-in-out',
':hover': {
cursor: 'pointer',
background: 'var(--affine-hover-color)',
borderRadius: '4px',
},
});
export const switchStyle = style({
fontSize: 'var(--affine-font-xs)',
color: 'var(--affine-text-secondary-color)',
margin: '0 10px',
padding: '2px 4px',
transition: 'all 0.15s ease-in-out',
':hover': {
cursor: 'pointer',
background: 'var(--affine-hover-color)',
borderRadius: '4px',
},
});
export const filterTypeStyle = style({
fontSize: 'var(--affine-font-sm)',
display: 'flex',
marginRight: '10px',
padding: '2px 4px',
transition: 'all 0.15s ease-in-out',
marginRight: '6px',
':hover': {
cursor: 'pointer',
background: 'var(--affine-hover-color)',
borderRadius: '4px',
},
});
export const filterTypeIconStyle = style({
fontSize: 'var(--affine-font-base)',
marginRight: '6px',
padding: '1px 0',
display: 'flex',
color: 'var(--affine-icon-color)',
});