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

fixes commit that shrank table padding for smaller screens

This commit is contained in:
tjs 2023-01-19 18:02:48 -05:00
parent f1db6f2de8
commit 397595e501
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/shared/TableElements.tsx
View File

@ -31,7 +31,7 @@ export const Th = ({
id?: string
}) => (
<th
className={`px-6 py-3 text-xs font-normal text-th-fgd-3 ${className}`}
className={`px-2 py-3 text-xs font-normal text-th-fgd-3 first:pl-4 last:pr-4 xl:px-4 ${className}`}
id={id}
scope="col"
>
@ -48,7 +48,7 @@ export const TrBody = ({
className?: string
onClick?: () => void
}) => (
<tr className={`border-y border-th-bkg-3 p-2 ${className}`} onClick={onClick}>
<tr className={`border-y border-th-bkg-3 ${className}`} onClick={onClick}>
{children}
</tr>
)
@ -59,7 +59,11 @@ export const Td = ({
}: {
children: ReactNode
className?: string
}) => <td className={`px-2 py-3 xl:px-4 ${className}`}>{children}</td>
}) => (
<td className={`px-2 py-3 first:pl-4 last:pr-4 xl:px-4 ${className}`}>
{children}
</td>
)
export const TableDateDisplay = ({
date,