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}`; -} +};