mirror of
https://github.com/MetaFam/TheGame.git
synced 2026-01-12 08:08:25 -05:00
38c3dc059e
* wc/wagmi/viem * replace * profile * replace context (,: * testing, clean up * wallet connect deploy * connect * remove type slive * podcast * podcast * heck yeah * feat: connect button * chore * trying siwe, network switch * redirect * prettying, cleaning up SIWE endpoints, & passing linting 🕊 * switching minting to Optimism & converting `ethers` to `wagmi` for contract access 🥧 * simplified onboarding & successfully minted ⛲ * typo * api key --------- Co-authored-by: Udit Takkar <udit222001@gmail.com> Co-authored-by: dysbulic <dys@dhappy.org>
29 lines
563 B
TypeScript
29 lines
563 B
TypeScript
import { AvatarProps, Flex, Image } from '@metafam/ds';
|
|
|
|
type SquareImageProps = AvatarProps & {
|
|
src?: string;
|
|
};
|
|
|
|
export const SquareImage: React.FC<SquareImageProps> = ({ src, ...props }) => (
|
|
<Flex
|
|
{...props}
|
|
position="relative"
|
|
mt="0 !important"
|
|
_after={{
|
|
content: '""',
|
|
display: 'block',
|
|
paddingBottom: '100%',
|
|
}}
|
|
>
|
|
<Image
|
|
position="absolute"
|
|
borderRadius="0.75rem 0.75rem 0 0"
|
|
// width="full"
|
|
w="100%"
|
|
height="full"
|
|
objectFit="cover"
|
|
{...{ src }}
|
|
/>
|
|
</Flex>
|
|
);
|