RevelaNetwork/Revelav3
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed planet not rotating, fixed responsive text size

Browse source
This commit is contained in:
incognitotgt 2024-01-01 18:07:50 -05:00
parent bf85598b21
commit c82da4a4e7
2 changed files with 10 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/components/Header.tsx
View file

@ -18,18 +18,16 @@ export function Header() {
id="navbar"
className="flex h-16 flex-row items-center justify-between bg-navbar-color px-4"
>
<Link href="/" className="w-1/8">
<Link href="/" class="w-1/8">
<div className="relative flex flex-row items-center">
<div className="relative h-16 w-16">
<div className="from-slate-300 to-transparent mask absolute inset-0 bg-gradient-to-br"></div>
<img
src="/logo.png"
alt="Nebula Logo"
className="h-full w-full transition-all duration-1000 hover:rotate-[360deg]"
/>
</div>
<h1 className="font-roboto text-2xl font-bold text-navbar-text-color">
{t("header.title")}
<img
src="/logo.png"
className="h-16 w-16 transition-all duration-1000 hover:rotate-[360deg]"
alt="Nebula Logo"
></img>
<h1 className="font-roboto invisible whitespace-nowrap text-2xl font-bold text-navbar-text-color sm:visible sm:text-4xl">
{" "}
{t("header.title")}{" "}
</h1>
</div>
</Link>

2
src/components/iframe/IframeHeader.tsx
View file

@ -39,7 +39,7 @@ export function IframeHeader(props: { url: string }) {
className="h-16 w-16 transition-all duration-1000 hover:rotate-[360deg]"
alt="Nebula Logo"
></img>
<h1 className="font-roboto invisible whitespace-nowrap font-bold text-navbar-text-color sm:visible sm:text-2xl">
<h1 className="font-roboto invisible whitespace-nowrap text-2xl font-bold text-navbar-text-color sm:visible sm:text-4xl">
{" "}
{t("header.title")}{" "}
</h1>