diff --git a/public/github-mark-white.svg b/public/github-mark-white.svg new file mode 100644 index 0000000..d5e6491 --- /dev/null +++ b/public/github-mark-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/app/components/BottomBar.tsx b/src/app/components/BottomBar.tsx index f165c07..0c6c828 100644 --- a/src/app/components/BottomBar.tsx +++ b/src/app/components/BottomBar.tsx @@ -1,5 +1,6 @@ import Disclaimer from './Disclaimer'; import FeedbackButton from './FeedbackButton'; +import GitHubLink from './GitHubLink'; import PriceTracker from './PriceTracker'; import styles from './css/BottomBar.module.css'; @@ -12,6 +13,7 @@ const BottomBar: React.FC = () => {
+
); diff --git a/src/app/components/GitHubLink.tsx b/src/app/components/GitHubLink.tsx new file mode 100644 index 0000000..205bec1 --- /dev/null +++ b/src/app/components/GitHubLink.tsx @@ -0,0 +1,24 @@ +import Image from 'next/image'; +import styles from './css/GitHubLink.module.css'; + +const GitHubLink: React.FC = () => { + return ( + + GitHub + + ); +}; + +export default GitHubLink; diff --git a/src/app/components/css/BottomBar.module.css b/src/app/components/css/BottomBar.module.css index 561215e..ad22d87 100644 --- a/src/app/components/css/BottomBar.module.css +++ b/src/app/components/css/BottomBar.module.css @@ -18,6 +18,10 @@ position: fixed; right: 16px; bottom: 16px; + display: flex; + flex-direction: row; + align-items: center; + gap: 8px; } @media (max-width: 1024px) { diff --git a/src/app/components/css/GitHubLink.module.css b/src/app/components/css/GitHubLink.module.css new file mode 100644 index 0000000..2991f9e --- /dev/null +++ b/src/app/components/css/GitHubLink.module.css @@ -0,0 +1,18 @@ +.link { + display: flex; + align-items: center; + justify-content: center; + padding: 8px; + border-radius: 8px; + cursor: pointer; + transition: background-color 0.2s; + height: 100%; +} + +.link:hover { + background-color: #22272E; +} + +.icon { + display: block; +}