p90524618
/
answer
mirror of https://gitee.com/answerdev/answer.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix(header): #948

This commit is contained in:
haitao(lj) 2022-09-29 11:28:28 +08:00
parent 6df65e6856
commit e49637417d
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/components/Header/index.scss
View File

@ -10,6 +10,10 @@
font-weight: bold;
color: #fff;
}
&.icon-link {
width: 46px;
height: 38px;
}
}
.placeholder-search::placeholder {
color: rgba(255, 255, 255, 0.75);

10
ui/src/components/Header/index.tsx
View File

@ -107,8 +107,8 @@ const Header: FC = () => {
<Nav.Link
as={NavLink}
to="/users/notifications/inbox"
className="me-2 position-relative">
<div className="px-2 text-white text-opacity-75">
className="icon-link d-flex align-items-center justify-content-center p-0 me-2 position-relative">
<div className="text-white text-opacity-75">
<Icon name="bell-fill" className="fs-5" />
</div>
{(redDot?.inbox || 0) > 0 && (
@ -119,8 +119,8 @@ const Header: FC = () => {
<Nav.Link
as={Link}
to="/users/notifications/achievement"
className="me-2 position-relative">
<div className="px-2 text-white text-opacity-75">
className="icon-link d-flex align-items-center justify-content-center p-0 me-2 position-relative">
<div className="text-white text-opacity-75">
<Icon name="trophy-fill" className="fs-5" />
</div>
{(redDot?.achievement || 0) > 0 && (
@ -134,7 +134,7 @@ const Header: FC = () => {
id="dropdown-basic"
as="a"
className="no-toggle pointer">
<Avatar size="38px" avatar={user?.avatar} />
<Avatar size="36px" avatar={user?.avatar} />
</Dropdown.Toggle>
<Dropdown.Menu>