fix(ui): remove default border on mobile action button menu

This commit is contained in:
Gabe Kangas 2023-04-26 16:50:08 -07:00
parent 084282bdb4
commit 913cc4aae2
No known key found for this signature in database
GPG Key ID: 4345B2060657F330
2 changed files with 6 additions and 0 deletions

View File

@ -8,6 +8,7 @@
align-items: center; align-items: center;
height: 100%; height: 100%;
padding-bottom: 16px; // to match antd nav margin-bottom padding-bottom: 16px; // to match antd nav margin-bottom
button { button {
height: 100%; height: 100%;
} }
@ -21,3 +22,7 @@
.menu { .menu {
color: currentColor; color: currentColor;
} }
.menuButton {
border-color: var(--theme-color-components-content-background);
}

View File

@ -104,6 +104,7 @@ export const ActionButtonMenu: FC<ActionButtonMenuProps> = ({
onClick={e => e.preventDefault()} onClick={e => e.preventDefault()}
size="large" size="large"
icon={<EllipsisOutlined size={6} style={{ rotate: '90deg' }} />} icon={<EllipsisOutlined size={6} style={{ rotate: '90deg' }} />}
className={styles.menuButton}
/> />
</div> </div>
</Dropdown> </Dropdown>