From a56012777819790c0455701b3754570e3f50bd1c Mon Sep 17 00:00:00 2001 From: "unique.mo" Date: Fri, 15 May 2020 19:50:33 +0800 Subject: [PATCH] fix: number, add github address --- src/assets/image/github-logo.png | Bin 0 -> 7110 bytes src/components/Layout/Header/index.tsx | 7 ++++++- src/components/Layout/Header/style.module.css | 16 ++++++++++++++++ src/components/ProgressBar/index.tsx | 2 +- src/constants/github.ts | 1 + 5 files changed, 24 insertions(+), 2 deletions(-) create mode 100644 src/assets/image/github-logo.png create mode 100644 src/constants/github.ts diff --git a/src/assets/image/github-logo.png b/src/assets/image/github-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..081af6c521815bb7c54725b862b9b0c299308b8a GIT binary patch literal 7110 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 {
{!showLyric && }
-
+
+
window.open(REPOSITORY)} + />
diff --git a/src/components/Layout/Header/style.module.css b/src/components/Layout/Header/style.module.css index 4c3b1f8..e1996b4 100644 --- a/src/components/Layout/Header/style.module.css +++ b/src/components/Layout/Header/style.module.css @@ -95,3 +95,19 @@ width: calc(100% - sidebarWidth); padding: 0 20px; } + +.operations { + display: flex; + align-items: center; +} + +.githubLogo { + width: 30px; + height: 30px; + border-radius: 50%; + margin-left: 10px; + background-color: rgba(0, 0, 0, 0.5); + background-image: url(~assets/image/github-logo.png); + background-size: 100% 100%; + cursor: pointer; +} diff --git a/src/components/ProgressBar/index.tsx b/src/components/ProgressBar/index.tsx index 91c4cc1..17e3558 100644 --- a/src/components/ProgressBar/index.tsx +++ b/src/components/ProgressBar/index.tsx @@ -32,7 +32,7 @@ const ProgressBar: React.FC = ({ donePercent, renderLabel, onBarClick, c onBarClick(percent) }, [getPercent, onBarClick]) - const width = useMemo(() => `${donePercent * 100}%`, [donePercent]) + const width = useMemo(() => `${Math.floor(donePercent * 100)}%`, [donePercent]) return (