toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-12-25 19:31:52 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat: icon not align center in filter button (#3938)

Browse Source
This commit is contained in:
Qi 2023-08-25 02:01:11 +08:00 committed by GitHub
parent a79284b65e
commit 61ac597cba
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/component/src/components/page-list/filter/condition.tsx
View File

@ -63,10 +63,8 @@ export const Condition = ({
<div className={styles.filterTypeIconStyle}> <div className={styles.filterTypeIconStyle}>
{variableDefineMap[ast.left.name].icon} {variableDefineMap[ast.left.name].icon}
</div> </div>
<div>
<FilterTag name={ast.left.name} /> <FilterTag name={ast.left.name} />
</div> </div>
</div>
</Menu> </Menu>
<Menu <Menu
trigger="click" trigger="click"

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

@ -53,6 +53,8 @@ export const switchStyle = style({
color: 'var(--affine-text-secondary-color)', color: 'var(--affine-text-secondary-color)',
padding: '2px 4px', padding: '2px 4px',
transition: 'all 0.15s ease-in-out', transition: 'all 0.15s ease-in-out',
display: 'flex',
alignItems: 'center',
':hover': { ':hover': {
cursor: 'pointer', cursor: 'pointer',
background: 'var(--affine-hover-color)', background: 'var(--affine-hover-color)',
@ -62,6 +64,7 @@ export const switchStyle = style({
export const filterTypeStyle = style({ export const filterTypeStyle = style({
fontSize: 'var(--affine-font-sm)', fontSize: 'var(--affine-font-sm)',
display: 'flex', display: 'flex',
alignItems: 'center',
padding: '2px 4px', padding: '2px 4px',
transition: 'all 0.15s ease-in-out', transition: 'all 0.15s ease-in-out',
marginRight: '6px', marginRight: '6px',
@ -76,5 +79,6 @@ export const filterTypeIconStyle = style({
marginRight: '6px', marginRight: '6px',
padding: '1px 0', padding: '1px 0',
display: 'flex', display: 'flex',
alignItems: 'center',
color: 'var(--affine-icon-color)', color: 'var(--affine-icon-color)',
}); });