fix: 主题修改导航间距不生效 (#1548)
Reviewed-on: daoyoucloud/tachybase#1548 Reviewed-by: sealday <zhanglin@daoyoucloud.com> Co-authored-by: wjh <wwwjh0710@163.com> Co-committed-by: wjh <wwwjh0710@163.com>
This commit is contained in:
parent
27a0e0b58f
commit
2bc64c504a
@ -23,7 +23,7 @@ const useStyles = createStyles(({ css }) => {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
.ant-btn {
|
.ant-btn {
|
||||||
border: 0;
|
border: 0;
|
||||||
height: 46px;
|
height: var(--tb-header-height);
|
||||||
width: 46px;
|
width: 46px;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
background: none;
|
background: none;
|
||||||
|
@ -112,7 +112,7 @@ const HeaderMenu = ({
|
|||||||
className={css`
|
className={css`
|
||||||
.iconButton {
|
.iconButton {
|
||||||
border: 0;
|
border: 0;
|
||||||
height: 46px;
|
height: var(--tb-header-height);
|
||||||
width: 46px;
|
width: 46px;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
background: none;
|
background: none;
|
||||||
|
@ -172,7 +172,7 @@ const useStyles = createStyles(({ css, token }) => {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
width: 46px;
|
width: 46px;
|
||||||
height: 46px;
|
height: var(--tb-header-height);
|
||||||
&:hover {
|
&:hover {
|
||||||
background: rgba(255, 255, 255, 0.1) !important;
|
background: rgba(255, 255, 255, 0.1) !important;
|
||||||
}
|
}
|
||||||
@ -181,11 +181,11 @@ const useStyles = createStyles(({ css, token }) => {
|
|||||||
max-width: 160px;
|
max-width: 160px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
line-height: 12px;
|
line-height: var(--tb-header-height);
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 16px;
|
padding: 0 16px 16px 16px;
|
||||||
color: ${token.colorTextHeaderMenu};
|
color: ${token.colorTextHeaderMenu};
|
||||||
`,
|
`,
|
||||||
};
|
};
|
||||||
|
@ -13,7 +13,7 @@ export const MobileLink = () => {
|
|||||||
className={css`
|
className={css`
|
||||||
.ant-btn {
|
.ant-btn {
|
||||||
border: 0;
|
border: 0;
|
||||||
height: 46px;
|
height: var(--tb-header-height);
|
||||||
width: 46px;
|
width: 46px;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
background: none;
|
background: none;
|
||||||
|
@ -69,7 +69,7 @@ export const Notifications = () => {
|
|||||||
className={css`
|
className={css`
|
||||||
.ant-btn {
|
.ant-btn {
|
||||||
border: 0;
|
border: 0;
|
||||||
height: 46px;
|
height: var(--tb-header-height);
|
||||||
width: 46px;
|
width: 46px;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
background: none;
|
background: none;
|
||||||
|
@ -51,7 +51,7 @@ export const OnlineUserDropdown = () => {
|
|||||||
className={css`
|
className={css`
|
||||||
.ant-btn {
|
.ant-btn {
|
||||||
border: 0;
|
border: 0;
|
||||||
height: 46px;
|
height: var(--tb-header-height);
|
||||||
width: 46px;
|
width: 46px;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
background: none;
|
background: none;
|
||||||
|
Loading…
Reference in New Issue
Block a user