diff options
author | eug-vs <eug-vs@keemail.me> | 2021-03-18 03:54:07 +0300 |
---|---|---|
committer | eug-vs <eug-vs@keemail.me> | 2021-03-18 03:54:07 +0300 |
commit | 046c9af4b34cf572ae834cf6745990828fddcfa2 (patch) | |
tree | d5ffaefe781e530c70f98e0a05ffb2f8883096fc /src/components/Paper.tsx | |
parent | 5ac1a56a157dc116fd61712ac47c29e6d02f4c0c (diff) | |
download | commercel-ui-046c9af4b34cf572ae834cf6745990828fddcfa2.tar.gz |
feat: improve components style
Diffstat (limited to 'src/components/Paper.tsx')
-rw-r--r-- | src/components/Paper.tsx | 8 |
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> ); |