Files
explorer-monorepo/frontend/src/components/common/BrandLockup.tsx

28 lines
818 B
TypeScript

import BrandMark from './BrandMark'
export default function BrandLockup({ compact = false }: { compact?: boolean }) {
return (
<>
<BrandMark size={compact ? 'compact' : 'default'} />
<span className="min-w-0">
<span
className={[
'block truncate font-semibold tracking-[-0.02em] text-gray-950 dark:text-white',
compact ? 'text-[1.45rem]' : 'text-[1.65rem]',
].join(' ')}
>
SolaceScan
</span>
<span
className={[
'block truncate font-medium uppercase text-gray-500 dark:text-gray-400',
compact ? 'text-[0.72rem] tracking-[0.14em]' : 'text-[0.8rem] tracking-[0.12em]',
].join(' ')}
>
Chain 138 Explorer by DBIS
</span>
</span>
</>
)
}