external-repos/LifeTrinket
1
0
Fork 1
mirror of https://github.com/Vikeo/LifeTrinket.git synced 2025-11-16 07:47:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

finish up tailwind

Browse Source
This commit is contained in:
Viktor Rådberg
2024-01-13 14:50:36 +01:00
parent 3cd982c643
commit 4f231ba6f4
19 changed files with 274 additions and 581 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/Components/Misc/Separator.tsx
View File

@@ -1,13 +1,3 @@
import styled from 'styled-components';
import { Spacer } from './Spacer';
const SeparatorContainer = styled.div<{ width?: string; height?: string }>`
width: ${(props) => props.width};
height: ${(props) => props.height};
background-color: #00000025;
border-radius: 50px;
`;
export const Separator = ({
width = '100%',
height = '100%',
@@ -16,10 +6,9 @@ export const Separator = ({
height?: string;
}) => {
return (
<>
<Spacer height="0.5rem" />
<SeparatorContainer width={width} height={height} />
<Spacer height="0.5rem" />
</>
<div
className={`bg-common-black bg-opacity-30 rounded-full mt-2 mb-2`}
style={{ width, height }}
/>
);
};