Skip to content

Commit

Permalink
fix: 更换github图标成角标
Browse files Browse the repository at this point in the history
  • Loading branch information
Netease-YY authored and Netease-YY committed Nov 10, 2024
1 parent d8a05be commit d52a344
Show file tree
Hide file tree
Showing 2 changed files with 74 additions and 23 deletions.
30 changes: 29 additions & 1 deletion packages/editor/src/layout/components/Header/index.module.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -75,12 +75,40 @@
.avatar {
display: flex;
align-items: center;
margin-right: 30px;
cursor: pointer;
}
}
.github {
vertical-align: middle;
vertical-align: sub;
}
.publishPopover {
padding: 20px;
width: 100%;
}

.githubCorner:hover .octoArm {
animation: octocat-wave 560ms ease-in-out;
}
@keyframes octocat-wave {
0%,
100% {
transform: rotate(0);
}
20%,
60% {
transform: rotate(-25deg);
}
40%,
80% {
transform: rotate(10deg);
}
}
@media (max-width: 500px) {
.githubCorner:hover .octoArm {
animation: none;
}
.githubCorner .octoArm {
animation: octocat-wave 560ms ease-in-out;
}
}
67 changes: 45 additions & 22 deletions packages/editor/src/layout/components/Header/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -318,34 +318,57 @@ const Header = memo(() => {
}}
>
<Flex align="center" style={{ height: 64 }}>
{avatar && <img width={25} vertical-align="sub" style={{ borderRadius: '50%' }} src={avatar} />}
<a type="link" onClick={(e) => e.preventDefault()} style={{ marginInline: 5 }}>
{`${userInfo?.userName.split('@')[0]}` || '开发者'}
</a>
<DownOutlined style={{ color: '#7d33ff' }} />
{avatar && <img width={25} style={{ verticalAlign: 'sub', borderRadius: '50%' }} src={avatar} />}
{/* <DownOutlined style={{ color: '#7d33ff' }} /> */}
</Flex>
</Dropdown>

{/* github开源地址 */}
{
<a href="https://github.com/JackySoft/marsview" className={styles.githubCorner} aria-label="View source on GitHub">
<svg
width="50"
height="50"
viewBox="0 0 250 250"
style={{ fill: '#7d33ff', color: '#fff', position: 'absolute', top: 0, border: 0, right: 0 }}
aria-hidden="true"
>
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z" />
<path
d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
fill="currentColor"
style={{ transformOrigin: '130px 106px' }}
className={styles.octoArm}
/>
<path
d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
fill="currentColor"
className={styles.octoBody}
/>
</svg>
</a>
// <a href="https://github.com/JackySoft/marsview" aria-label="github" target="_blank">
// <svg
// className={styles.github}
// viewBox="0 0 1024 1024"
// version="1.1"
// xmlns="http://www.w3.org/2000/svg"
// p-id="4250"
// width="20"
// height="20"
// >
// <path
// d="M512 12.64c-282.752 0-512 229.216-512 512 0 226.208 146.72 418.144 350.144 485.824 25.6 4.736 35.008-11.104 35.008-24.64 0-12.192-0.48-52.544-0.704-95.328-142.464 30.976-172.512-60.416-172.512-60.416-23.296-59.168-56.832-74.912-56.832-74.912-46.464-31.776 3.52-31.136 3.52-31.136 51.392 3.616 78.464 52.768 78.464 52.768 45.664 78.272 119.776 55.648 148.992 42.56 4.576-33.088 17.856-55.68 32.512-68.48-113.728-12.928-233.28-56.864-233.28-253.024 0-55.904 20-101.568 52.768-137.44-5.312-12.896-22.848-64.96 4.96-135.488 0 0 43.008-13.76 140.832 52.48 40.832-11.36 84.64-17.024 128.16-17.248 43.488 0.192 87.328 5.888 128.256 17.248 97.728-66.24 140.64-52.48 140.64-52.48 27.872 70.528 10.336 122.592 5.024 135.488 32.832 35.84 52.704 81.536 52.704 137.44 0 196.64-119.776 239.936-233.792 252.64 18.368 15.904 34.72 47.04 34.72 94.816 0 68.512-0.608 123.648-0.608 140.512 0 13.632 9.216 29.6 35.168 24.576 203.328-67.776 349.856-259.616 349.856-485.76 0-282.784-229.248-512-512-512z"
// fill="#2c2c2c"
// p-id="4251"
// ></path>
// </svg>
// </a>
}
</div>
{/* github开源地址 */}
{!isEditPage && (
<a href="https://github.com/JackySoft/marsview" aria-label="github" target="_blank">
<svg
className={styles.github}
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="4250"
width="20"
height="20"
>
<path
d="M512 12.64c-282.752 0-512 229.216-512 512 0 226.208 146.72 418.144 350.144 485.824 25.6 4.736 35.008-11.104 35.008-24.64 0-12.192-0.48-52.544-0.704-95.328-142.464 30.976-172.512-60.416-172.512-60.416-23.296-59.168-56.832-74.912-56.832-74.912-46.464-31.776 3.52-31.136 3.52-31.136 51.392 3.616 78.464 52.768 78.464 52.768 45.664 78.272 119.776 55.648 148.992 42.56 4.576-33.088 17.856-55.68 32.512-68.48-113.728-12.928-233.28-56.864-233.28-253.024 0-55.904 20-101.568 52.768-137.44-5.312-12.896-22.848-64.96 4.96-135.488 0 0 43.008-13.76 140.832 52.48 40.832-11.36 84.64-17.024 128.16-17.248 43.488 0.192 87.328 5.888 128.256 17.248 97.728-66.24 140.64-52.48 140.64-52.48 27.872 70.528 10.336 122.592 5.024 135.488 32.832 35.84 52.704 81.536 52.704 137.44 0 196.64-119.776 239.936-233.792 252.64 18.368 15.904 34.72 47.04 34.72 94.816 0 68.512-0.608 123.648-0.608 140.512 0 13.632 9.216 29.6 35.168 24.576 203.328-67.776 349.856-259.616 349.856-485.76 0-282.784-229.248-512-512-512z"
fill="#2c2c2c"
p-id="4251"
></path>
</svg>
</a>
)}
</div>
</Layout.Header>
</>
Expand Down

0 comments on commit d52a344

Please sign in to comment.