From b056211e8f21f86e2883478bc3365df76f672eee Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julian=20=C4=86wirko?= Date: Sat, 17 Feb 2024 21:16:21 +0100 Subject: [PATCH] improve ui --- CHANGELOG.md | 4 + app/globals.css | 1 + app/layout.tsx | 24 +- components/demo/sign-message-demo.tsx | 2 +- components/demo/simple-deploy-sc-demo.tsx | 19 +- components/elven-ui/ledger-accounts-list.tsx | 20 +- components/elven-ui/login-component.tsx | 24 +- components/elven-ui/login-modal-button.tsx | 2 +- .../elven-ui/walletconnect-pairings.tsx | 4 +- components/elven-ui/walletconnect-qr-code.tsx | 7 +- components/ui/button.tsx | 2 +- package-lock.json | 1628 ++++++++++------- package.json | 30 +- 13 files changed, 1057 insertions(+), 710 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index edaa40f..4067117 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,7 @@ +### [9.5.1](https://github.com/xdevguild/nextjs-dapp-template/releases/tag/v9.5.1) (2024-02-17) +- improve UI +- update dependencies + ### [9.5.0](https://github.com/xdevguild/nextjs-dapp-template/releases/tag/v9.5.0) (2024-01-11) - add ESDT transfer demo - update useElven and dependencies diff --git a/app/globals.css b/app/globals.css index 4c6e3f8..5c01c5d 100644 --- a/app/globals.css +++ b/app/globals.css @@ -52,6 +52,7 @@ @layer base { * { @apply border-border; + scrollbar-width: thin; } body { @apply bg-background text-foreground; diff --git a/app/layout.tsx b/app/layout.tsx index 2d156ba..7288a44 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -83,38 +83,22 @@ export default function RootLayout({ MultiversX NextJS Dapp Template (v{`${packageJson.version}`})
- All for free. Please support the project. Give it credit and - tell the world about it. Attribution is not required but - welcomed in the form of a backlink. + Support Our Project: While attribution isn't mandatory, we + deeply appreciate any form of recognition.
{'xDevGuild'} | - - {'Elven Tools'} - - | - - {'Elven.js'} - - | - - {'useElven'} + + {'Elven Family tools'} | {'Buildo.dev'} | - - {'Buildo Begins'} - - | {'julian.io'} diff --git a/components/demo/sign-message-demo.tsx b/components/demo/sign-message-demo.tsx index 62c1ed5..4008fbf 100644 --- a/components/demo/sign-message-demo.tsx +++ b/components/demo/sign-message-demo.tsx @@ -22,7 +22,7 @@ export const SimpleSignMessageDemo = () => { Elven Family is awesome!{' '}
{signature && ( -
+
Your signature for that message:
{signature} diff --git a/components/demo/simple-deploy-sc-demo.tsx b/components/demo/simple-deploy-sc-demo.tsx index 61b0efb..b174fdf 100644 --- a/components/demo/simple-deploy-sc-demo.tsx +++ b/components/demo/simple-deploy-sc-demo.tsx @@ -9,6 +9,7 @@ import { import { Card, CardContent, CardFooter } from '@/components/ui/card'; import { Button } from '@/components/ui/button'; import { ConnectWalletInfo } from '@/components/demo/connect-wallet-info'; +import { shortenHash } from '@/lib/shorten-hash'; export const SimpleDeployScDemo = ({ cb, @@ -41,14 +42,24 @@ export const SimpleDeployScDemo = ({
Your deployed smart contract address:
- + + {shortenHash(scAddress, 12)} + +
+ + To interact with it, check the{' '} - {scAddress} + Piggy Bank Dapp -
+
)} diff --git a/components/elven-ui/ledger-accounts-list.tsx b/components/elven-ui/ledger-accounts-list.tsx index 6304bb8..951b903 100644 --- a/components/elven-ui/ledger-accounts-list.tsx +++ b/components/elven-ui/ledger-accounts-list.tsx @@ -134,7 +134,7 @@ export const LedgerAccountsList: FC = ({ if (error) { return ( -
+
{error}