From 85d76c9e4245b0ae463b7a3c304991cb8233bc66 Mon Sep 17 00:00:00 2001 From: RcleydsonR Date: Wed, 16 Nov 2022 01:30:23 -0300 Subject: [PATCH] add background image to app --- src/App.vue | 8 +++----- src/assets/bg.svg | 36 ++++++++++++++++++++++++++++++++++++ src/assets/main.css | 4 +++- src/components/TopBar.vue | 9 ++++++--- src/utils/ethers.ts | 37 +++++++++++++++++++------------------ 5 files changed, 67 insertions(+), 27 deletions(-) create mode 100644 src/assets/bg.svg diff --git a/src/App.vue b/src/App.vue index 6959787..95fb929 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,11 +1,9 @@ - + diff --git a/src/assets/bg.svg b/src/assets/bg.svg new file mode 100644 index 0000000..4d68b68 --- /dev/null +++ b/src/assets/bg.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/main.css b/src/assets/main.css index bac6c1e..bb364a0 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -5,8 +5,10 @@ #app { margin: 0 auto; - padding: 2rem; + padding: 2rem 4rem; height: 100vh; + background-image: url( './bg.svg' ); + background-size: cover; font-weight: normal; } diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue index 83df9e5..a7a81db 100644 --- a/src/components/TopBar.vue +++ b/src/components/TopBar.vue @@ -14,9 +14,12 @@ const connectMetaMask = () => { const formatWalletAddress = (): string => { const walletAddressLength = walletAddress.value.length; const initialText = walletAddress.value.substring(0, 5); - const finalText = walletAddress.value.substring(walletAddressLength - 6, walletAddressLength - 1); + const finalText = walletAddress.value.substring( + walletAddressLength - 6, + walletAddressLength - 1 + ); return `${initialText} ... ${finalText}`; -} +};