feat(examples): 优化 engine-browser-examples 样式

Author: boyongjiong

examples/engine-browser-examples/src/index.css

@@ -115,14 +115,14 @@ form[action$='destroy'] button {
 #sidebar {
   display: flex;
   flex-direction: column;
-  width: 22rem;
+  width: 16rem;
   background-color: #f7f7f7;
   border-right: solid 1px #e3e3e3;
 }
 
 #sidebar > * {
-  padding-right: 2rem;
-  padding-left: 2rem;
+  padding-right: 1rem;
+  padding-left: 1rem;
 }
 
 #sidebar h1 {
@@ -233,7 +233,7 @@ i {
   gap: 1rem;
   align-items: center;
   justify-content: space-between;
-  padding: 0.5rem;
+  padding: 0.5rem 0 0.5rem 0.2rem;
   overflow: hidden;
   color: inherit;
 

examples/engine-browser-examples/src/routes/root.tsx

@@ -11,16 +11,13 @@ export default function Root() {
             <input
               id="q"
               aria-label="Search contacts"
-              placeholder="Search"
+              placeholder="Press Enter for Search"
               type="search"
               name="q"
             />
             <div id="search-spinner" aria-hidden hidden={true} />
             <div className="sr-only" aria-live="polite"></div>
           </form>
-          <form method="post">
-            <button type="submit">New</button>
-          </form>
         </div>
         <nav>
           <ul>