Rearrange UI

Chiroyce1 · Dec 30, 2023 · c14a88f · c14a88f
1 parent 61c5568
commit c14a88f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -25,13 +25,13 @@
     <h1>Gemini Pro Vision</h1>
     <div class="flex">
       <div class="right">
-        <select id="cameraSelect"></select><br>
         <input type="password" id="api" placeholder="Enter API key (get it from ai.google.dev)">
         <textarea id="prompt" placeholder="Enter prompt here" rows="4" cols="40"></textarea><br>
-        <button>Analyze Image</button>
+        <select id="cameraSelect"></select><br>
       </div>
       <div class="left">
         <video id="webcam" autoplay></video>
+        <button>Analyze Image</button>
       </div>
     </div>
     <br>

diff --git a/style.css b/style.css
@@ -62,12 +62,14 @@ video {
 }
 
 textarea {
-  height: 200px;
+  height: 312px;
   background-color: var(--bg);
   color: var(--text);
   border: var(--thickness) solid var(--primary);
   padding: 0.5em;
   border-radius: 3px;
+  font-size: 1.2em;
+  margin-bottom: 10px;
 }
 
 .right {
@@ -86,7 +88,7 @@ button {
   color: var(--text);
   border: var(--thickness) solid var(--primary);
   border-radius: 4px;
-  font-size: 1em;
+  font-size: 1.2em;
 }
 
 .left {
@@ -152,7 +154,7 @@ input[type="password"] {
   button,
   select {
     width: 90vw;
-    margin-bottom: 3px;
+    margin-bottom: 10px;
   }
   .stuff > h1 {
     margin-bottom: 1em;