nits

Author: zerosnacks

public/banner.png

@@ -271,10 +271,10 @@ export function App() {
   return (
     <div className="wrapper">
       <div className="container">
-        <h1 className="title">Foundry</h1>
+        <img className="banner" src="banner.png" alt="Foundry Browser Wallet" />
 
         {providers.length > 1 && (
-          <div>
+          <div className="wallet-selector">
             <label>
               <select
                 value={selectedUuid ?? ""}

src/App.tsx

@@ -1,16 +1,37 @@
+.wrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 100vh;
+  padding: 24px;
+}
+
 .container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
   background-color: #3b3b3b;
   padding: 16px;
   max-width: 600px;
   border-radius: 8px;
 }
 
-.wrapper {
+/* .header {
   display: flex;
   flex-direction: column;
   align-items: center;
-  justify-content: center;
-  min-height: 100vh;
+  margin-bottom: 24px;
+} */
+
+.banner {
+  width: 600px;
+  border-radius: 8px;
+  height: auto;
+}
+
+.wallet-selector {
+  margin-top: 16px;
 }
 
 .title {
@@ -29,6 +50,6 @@
   font-size: 13px;
   margin-bottom: 16px;
   border: 1px solid #e1e4e8;
-  border-radius: 6px;
+  border-radius: 8px;
   padding: 8px 12px;
 }

src/styles/App.css

@@ -3,7 +3,6 @@ body,
 #root {
   width: 100%;
   height: 100%;
-  overflow: hidden;
   font-family:
     system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
     sans-serif;
@@ -25,8 +24,8 @@ button:hover {
 }
 
 select {
-  padding: 4px;
-  border-radius: 4px;
+  padding: 8px;
+  border-radius: 8px;
   border: 1px solid #e1e4e8;
   background-color: #1e2026;
   color: #f8f8f8;