38 lines
1.2 KiB
TypeScript
38 lines
1.2 KiB
TypeScript
import React, { useEffect } from 'react';
|
|
import GitHubButton from 'react-github-btn';
|
|
import '@fontsource/audiowide';
|
|
|
|
|
|
|
|
const Header: React.FC = () => {
|
|
return (
|
|
<header className="bg-transparent fixed top-0 left-0 right-0 z-50 hidden md:block">
|
|
<div className="w-full px-2 h-10 flex items-center" >
|
|
{/* Logo */}
|
|
<div className="flex-1 flex items-center">
|
|
<a href="/" className="flex items-center">
|
|
<img src="/img/logo.svg" alt="logo" className="h-6 w-6 mr-2" />
|
|
<span style={{ fontFamily: 'Audiowide, system-ui', color: '#ff6600' }} className="text-2xl">
|
|
botgroup.chat
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
{/* GitHub Star Button */}
|
|
<div className="flex items-center justify-end">
|
|
<GitHubButton
|
|
href="https://github.com/maojindao55/botgroup.chat"
|
|
data-color-scheme="no-preference: light; light: light; dark: light;"
|
|
data-size="large"
|
|
data-show-count="true"
|
|
aria-label="Star maojindao55/botgroup.chat on GitHub"
|
|
>
|
|
Star
|
|
</GitHubButton>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
);
|
|
};
|
|
|
|
export default Header;
|