YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: update github badge style

Browse Source
This commit is contained in:
boojack
2022-07-16 09:52:57 +08:00
parent 9b5a555d1f
commit 1d55545e30
2 changed files with 24 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/components/GitHubBadge.tsx
View File

@ -13,18 +13,17 @@ const GitHubBadge: React.FC<Props> = () => {
}); });
}, []); }, []);
const handleClick = () => {
window.location.href = "https://github.com/usememos/memos";
};
return ( return (
<div className="github-badge-container" onClick={handleClick}> <a className="github-badge-container" href="https://github.com/usememos/memos">
<div className="github-icon"> <div className="github-icon">
<img className="icon-img" src="/github.webp" alt="" /> <img className="icon-img" src="/github.webp" alt="" />
Star Star
</div> </div>
<span className={`count-text ${starCount || "pulse"}`}>{starCount || "🌟"}</span> <div className="count-text">
{starCount || ""}
<span className="icon-text">🌟</span>
</div> </div>
</a>
); );
}; };

26
web/src/less/github-badge.less
View File

@ -10,29 +10,25 @@
} }
> .count-text { > .count-text {
@apply px-3 text-xs font-bold text-gray-800; @apply w-auto h-full flex flex-row justify-center items-center px-3 text-xs font-bold text-gray-800;
&.pulse { > .icon-text {
@apply text-sm; @apply text-sm ml-1;
animation: 1s linear 0s infinite pulse; animation: 1.6s linear 0s infinite pulse;
}
}
} }
@keyframes pulse { @keyframes pulse {
0% { 0% {
margin-bottom: 0px; transform: scale(0.95);
}
30% {
margin-bottom: 2px;
}
60% {
margin-bottom: 6px;
} }
70% { 70% {
margin-bottom: 3px; transform: scale(1.2);
} }
100% { 100% {
margin-bottom: 0px; transform: scale(0.95);
}
}
} }
} }