✨ Add new login page design
This commit is contained in:
32
src/components/layout/Background/PolkaElement.tsx
Normal file
32
src/components/layout/Background/PolkaElement.tsx
Normal file
@@ -0,0 +1,32 @@
|
||||
import { Box } from '@mantine/core';
|
||||
|
||||
export const PolkaElement = ({
|
||||
rotation,
|
||||
left,
|
||||
top,
|
||||
right,
|
||||
bottom,
|
||||
}: {
|
||||
rotation: number;
|
||||
top?: number;
|
||||
left?: number;
|
||||
right?: number;
|
||||
bottom?: number;
|
||||
}) => {
|
||||
return (
|
||||
<Box
|
||||
style={{
|
||||
transform: `rotate(${rotation}deg)`,
|
||||
pointerEvents: 'none'
|
||||
}}
|
||||
className="polka"
|
||||
pos="absolute"
|
||||
w="20%"
|
||||
h="40%"
|
||||
top={top}
|
||||
right={right}
|
||||
left={left}
|
||||
bottom={bottom}
|
||||
/>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user