summaryrefslogtreecommitdiff
path: root/src/components/Paper.tsx
diff options
context:
space:
mode:
authoreug-vs <eug-vs@keemail.me>2021-03-18 03:54:07 +0300
committereug-vs <eug-vs@keemail.me>2021-03-18 03:54:07 +0300
commit046c9af4b34cf572ae834cf6745990828fddcfa2 (patch)
treed5ffaefe781e530c70f98e0a05ffb2f8883096fc /src/components/Paper.tsx
parent5ac1a56a157dc116fd61712ac47c29e6d02f4c0c (diff)
downloadcommercel-ui-046c9af4b34cf572ae834cf6745990828fddcfa2.tar.gz
feat: improve components style
Diffstat (limited to 'src/components/Paper.tsx')
-rw-r--r--src/components/Paper.tsx8
1 files changed, 4 insertions, 4 deletions
diff --git a/src/components/Paper.tsx b/src/components/Paper.tsx
index 2d64261..5e2604f 100644
--- a/src/components/Paper.tsx
+++ b/src/components/Paper.tsx
@@ -1,17 +1,17 @@
import React from 'react';
interface Props {
- variant?: 'elevation' | 'outlined'
+ variant?: 'elevation' | 'outlined';
}
const style = {
- elevation: 'shadow',
- outlined: 'border-black border-2',
+ elevation: '',
+ outlined: 'bg-gray-50 border border-gray-300',
};
const Paper: React.FC<Props> = ({ variant = 'elevation', children }) => {
return (
- <div className={`p-5 m-5 bg-white rounded-md ${style[variant]}`}>
+ <div className={`p-5 m-5 bg-white rounded-md shadow ${style[variant]}`}>
{children}
</div>
);