I added a border to the lend and marketcards
cause design
This commit is contained in:
parent
d0f58b36fa
commit
fcd175b8b1
|
@ -17,7 +17,7 @@ const LendCard = (props: LendCardProps) => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className="flex-1 bg-th-fgd-4 shadow-md rounded-xl py-4 px-4 h-auto w-auto m-2"
|
className="flex-1 bg-th-fgd-4 border border-bkg-3 shadow-md rounded-xl py-4 px-4 h-auto w-auto m-2"
|
||||||
style={{
|
style={{
|
||||||
backgroundBlendMode: 'overlay',
|
backgroundBlendMode: 'overlay',
|
||||||
backgroundImage: `url(${props.bg})`,
|
backgroundImage: `url(${props.bg})`,
|
||||||
|
|
|
@ -70,7 +70,7 @@ const MarketCard = (props: MarketCardProps) => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex-1 m-2">
|
<div className="flex-1 m-2">
|
||||||
<div className="flex flex-col bg-th-fgd-4 rounded-xl py-4 px-4 h-auto shadow-md">
|
<div className="flex flex-col bg-th-fgd-4 border border-bkg-3 rounded-xl py-4 px-4 h-auto shadow-md">
|
||||||
<div className="flex flex-row gap-x-2 align-bottom">
|
<div className="flex flex-row gap-x-2 align-bottom">
|
||||||
<div className="flex flex-col flex-auto">
|
<div className="flex flex-col flex-auto">
|
||||||
<p className="text-sm text-white text-opacity-50">{props.name}</p>
|
<p className="text-sm text-white text-opacity-50">{props.name}</p>
|
||||||
|
|
Loading…
Reference in New Issue