mirror of
https://github.com/owncast/owncast.git
synced 2024-10-10 19:16:02 +00:00
fix(ui): remove default border on mobile action button menu
This commit is contained in:
parent
084282bdb4
commit
913cc4aae2
@ -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);
|
||||||
|
}
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user