diff --git a/src/components/utils/PwaModal/PwaModal.scss b/src/components/utils/PwaModal/PwaModal.scss
index 8fb3f572..95dc4c3f 100644
--- a/src/components/utils/PwaModal/PwaModal.scss
+++ b/src/components/utils/PwaModal/PwaModal.scss
@@ -1,5 +1,6 @@
.PwaModal {
- padding: 3em;
+ padding: 3rem;
+ padding-bottom: 2rem;
display: flex;
flex-direction: column;
text-align: center;
@@ -47,4 +48,20 @@
display: inline-block;
}
}
+
+ &__footer {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ margin-top: 0.5rem;
+
+ &__title {
+ color: var(--fg-color-2);
+ }
+
+ &__link {
+ color: var(--accent-color-1);
+ text-decoration: none;
+ }
+ }
}
diff --git a/src/components/utils/PwaModal/index.tsx b/src/components/utils/PwaModal/index.tsx
index 228fa721..7c7b02b6 100644
--- a/src/components/utils/PwaModal/index.tsx
+++ b/src/components/utils/PwaModal/index.tsx
@@ -1,13 +1,14 @@
import React from 'react'
import { detect } from 'detect-browser'
+import { Link } from 'react-router-dom'
import BackgroundImage from '@/assets/IntroBackground.png'
import AndroidShareIcon from '@/components/general/Icon/AndroidShare'
import IShareIcon from '@/components/general/Icon/IShare'
-import WalletConnectIcon from '@/components/general/Icon/WalletConnectIcon'
import { Modal } from '@/components/general/Modal/Modal'
import Text from '@/components/general/Text'
+import { web3InboxURLs } from '@/constants/navigation'
import { pwaModalService } from '@/utils/store'
import './PwaModal.scss'
@@ -40,7 +41,7 @@ export const getPlatformInstallText = () => {
return 'Install App'
case 'safari':
case 'ios':
- return 'Add to homescreen'
+ return 'Add to Home Screen'
default:
return 'Install'
}
@@ -70,6 +71,19 @@ export const PwaModal: React.FC = () => {
{getMobilePlatformIcon()}