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

dashboard tweaks for xl screen

This commit is contained in:
tjs 2022-12-09 01:49:01 -05:00
parent 536939df1c
commit 5d3c45739d
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
pages/dashboard.tsx
View File

@ -32,7 +32,7 @@ const Dashboard: NextPage = () => {
return ( return (
<div className="grid grid-cols-12"> <div className="grid grid-cols-12">
<div className="col-span-12 border-b border-th-bkg-3 lg:col-span-8 lg:col-start-3"> <div className="col-span-12 border-b border-th-bkg-3 lg:col-span-8 lg:col-start-3 xl:col-span-6 xl:col-start-4">
<div className="p-8 pb-20 md:pb-16 lg:p-10"> <div className="p-8 pb-20 md:pb-16 lg:p-10">
<h1>Dashboard</h1> <h1>Dashboard</h1>
{group ? ( {group ? (
@ -71,7 +71,11 @@ const Dashboard: NextPage = () => {
?.logoURI ?.logoURI
: '' : ''
return ( return (
<div key={bank.publicKey.toString()} id={bank.name}> <div
key={bank.publicKey.toString()}
id={bank.name}
className="scroll-mt-28"
>
<div className="mb-3 flex items-center"> <div className="mb-3 flex items-center">
{logoUri ? ( {logoUri ? (
<Image <Image
@ -259,8 +263,8 @@ const KeyValuePair = ({
value: number | ReactNode | string value: number | ReactNode | string
}) => { }) => {
return ( return (
<div className="flex justify-between border-t border-th-bkg-3 py-4"> <div className="flex justify-between border-t border-th-bkg-3 py-4 xl:py-1.5">
<span className="mr-4 whitespace-nowrap">{label}</span> <span className="mr-4 whitespace-nowrap text-th-fgd-3">{label}</span>
{value} {value}
</div> </div>
) )