A decentralized music tracking and discovery platform built on AT Protocol 🎵

Add logos and favicons, show logo in Navbar

+8 -2
apps/web/public/favicon-old.ico

This is a binary file and will not be displayed.

apps/web/public/favicon.ico

This is a binary file and will not be displayed.

apps/web/public/favicon.jpg apps/web/public/favicon-old.jpg
apps/web/public/favicon.png

This is a binary file and will not be displayed.

apps/web/public/rocksky-logo-light.png

This is a binary file and will not be displayed.

apps/web/src/assets/rocksky-logo-dark.png

This is a binary file and will not be displayed.

apps/web/src/assets/rocksky-logo-light.png

This is a binary file and will not be displayed.

+8 -2
apps/web/src/layouts/Navbar/Navbar.tsx
··· 19 import { themeAtom } from "../../atoms/theme"; 20 import { API_URL } from "../../consts"; 21 import { useProfileStatsByDidQuery } from "../../hooks/useProfile"; 22 23 const Container = styled.div` 24 position: fixed; ··· 127 128 return ( 129 <Container className="bg-[var(--color-background)] text-[var(--color-text)]"> 130 - <div> 131 <Link to="/" style={{ textDecoration: "none" }}> 132 - <h2 className="text-[var(--color-primary)] text-[26px] font-bold"> 133 Rocksky 134 </h2> 135 </Link>
··· 19 import { themeAtom } from "../../atoms/theme"; 20 import { API_URL } from "../../consts"; 21 import { useProfileStatsByDidQuery } from "../../hooks/useProfile"; 22 + import LogoDark from "../../assets/rocksky-logo-dark.png"; 23 + import LogoLight from "../../assets/rocksky-logo-light.png"; 24 25 const Container = styled.div` 26 position: fixed; ··· 129 130 return ( 131 <Container className="bg-[var(--color-background)] text-[var(--color-text)]"> 132 + <div className="flex"> 133 + <img 134 + src={darkMode ? LogoDark : LogoLight} 135 + className="max-h-[25px] max-w-[30px] mr-[5px] mt-[28px]" 136 + /> 137 <Link to="/" style={{ textDecoration: "none" }}> 138 + <h2 className="text-[var(--color-text)] text-[26px] font-bold"> 139 Rocksky 140 </h2> 141 </Link>