cerc-io/snowballtools-base
16
0
Fork 2
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 style: adjust logo and mobile header padding on mobile

Browse Source
This commit is contained in:
Wahyu Kurniawan 2024-03-06 15:39:46 +07:00
parent b605c1bc5b
commit d812cdf05f
No known key found for this signature in database
GPG Key ID: 040A1549143A8E33
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/frontend/src/components/Logo.tsx
View File

@ -13,9 +13,11 @@ export const Logo = ({ orgSlug }: LogoProps) => {
<img <img
src="/logo.svg" src="/logo.svg"
alt="Snowball Logo" alt="Snowball Logo"
className="h-10 w-10 rounded-lg" className="lg:h-10 lg:w-10 h-8 w-8 rounded-lg"
/> />
<Heading className="text-[24px] font-semibold">Snowball</Heading> <Heading className="lg:text-[24px] text-[19px] font-semibold">
Snowball
</Heading>
</div> </div>
</Link> </Link>
); );

2
packages/frontend/src/pages/org-slug/layout.tsx
View File

@ -44,7 +44,7 @@ export const DashboardLayout = ({
)} )}
> >
{/* Header on mobile */} {/* Header on mobile */}
<div className="flex lg:hidden items-center px-4 py-4 justify-between"> <div className="flex lg:hidden items-center px-4 py-2.5 justify-between">
<Logo orgSlug={orgSlug} /> <Logo orgSlug={orgSlug} />
<div className="flex items-center gap-0.5"> <div className="flex items-center gap-0.5">
<AnimatePresence> <AnimatePresence>