website refactor
This commit is contained in:
@@ -1,26 +1,22 @@
|
||||
import { Box } from '@/ui/Box';
|
||||
import { Link } from '@/ui/Link';
|
||||
import { Image } from '@/ui/Image';
|
||||
import { Link } from '@/ui/Link';
|
||||
|
||||
interface BrandMarkProps {
|
||||
href?: string;
|
||||
priority?: boolean;
|
||||
variant?: 'dark' | 'light';
|
||||
collapsed?: boolean;
|
||||
}
|
||||
|
||||
export function BrandMark({ href = '/' }: BrandMarkProps) {
|
||||
export function BrandMark({ href = '/', collapsed = false }: BrandMarkProps) {
|
||||
return (
|
||||
<Link href={href} variant="inherit" underline="none">
|
||||
<Box display="flex" alignItems="center" gap={2}>
|
||||
<Box display="flex" alignItems="center" justifyContent={collapsed ? 'center' : 'start'}>
|
||||
<Image
|
||||
src="/images/logos/square-logo-dark.svg"
|
||||
alt=""
|
||||
style={{ height: '1.5rem', width: 'auto' }}
|
||||
/>
|
||||
|
||||
<Image
|
||||
src="/images/logos/wordmark-rectangle-dark.svg"
|
||||
src="/images/logos/icon-square-dark.svg"
|
||||
alt="GridPilot"
|
||||
style={{ height: '1.125rem', width: 'auto' }}
|
||||
style={{ height: '3rem', width: 'auto' }}
|
||||
/>
|
||||
</Box>
|
||||
</Link>
|
||||
|
||||
Reference in New Issue
Block a user