blockworks-foundation
/
mango-web
mirror of https://github.com/blockworks-foundation/mango-web.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

I added a border to the lend and marketcards 

cause design
This commit is contained in:
steven 2021-07-22 01:19:56 -07:00
parent d0f58b36fa
commit fcd175b8b1
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/LendCard.tsx
View File

@ -17,7 +17,7 @@ const LendCard = (props: LendCardProps) => {
return (
<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={{
backgroundBlendMode: 'overlay',
backgroundImage: `url(${props.bg})`,

2
components/MarketCard.tsx
View File

@ -70,7 +70,7 @@ const MarketCard = (props: MarketCardProps) => {
return (
<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-col flex-auto">
<p className="text-sm text-white text-opacity-50">{props.name}</p>