diff --git a/index.html b/index.html new file mode 100644 index 0000000..eb81b2f --- /dev/null +++ b/index.html @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/next-env.d.ts b/next-env.d.ts index 4f11a03..fd36f94 100644 --- a/next-env.d.ts +++ b/next-env.d.ts @@ -1,5 +1,6 @@ /// /// +/// // NOTE: This file should not be edited // see https://nextjs.org/docs/basic-features/typescript for more information. diff --git a/src/components/WalletHeader.tsx b/src/components/WalletHeader.tsx index 25d4f76..944d8ae 100644 --- a/src/components/WalletHeader.tsx +++ b/src/components/WalletHeader.tsx @@ -27,14 +27,14 @@ const WalletHeader: React.FC = ({ walletState, onConnect, onD ))} ) : ( -
- Connected Wallet - +
+ Connected Wallet + {walletState.publicKey?.slice(0, 22)}... diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..8b610b0 --- /dev/null +++ b/styles.css @@ -0,0 +1,57 @@ +/* ...existing code... */ + +/* Mobile styles */ +@media (max-width: 600px) { + body { + font-size: 14px; + } + .container { + padding: 10px; + } + .header, .footer { + text-align: center; + } + .content { + margin: 0; + padding: 10px; + } + /* Add more styles as needed for mobile responsiveness */ +} + +/* Tablet styles */ +@media (min-width: 601px) and (max-width: 1024px) { + body { + font-size: 16px; + } + .container { + padding: 20px; + } + .header, .footer { + text-align: center; + } + .content { + margin: 0 auto; + padding: 20px; + } + /* Add more styles as needed for tablet responsiveness */ +} + +/* Desktop styles */ +@media (min-width: 1025px) { + body { + font-size: 18px; + } + .container { + padding: 30px; + } + .header, .footer { + text-align: left; + } + .content { + margin: 0 auto; + padding: 30px; + } + /* Add more styles as needed for desktop responsiveness */ +} + +/* ...existing code... */ diff --git a/tsconfig.json b/tsconfig.json index e904f96..4d17c36 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -22,7 +22,8 @@ { "name": "next" } - ] + ], + "strictNullChecks": true }, "include": [ "next-env.d.ts",