Fix search and bid input (#12)

dhzdhd · Nov 9, 2023 · 68f7faf · 68f7faf
1 parent e1feaba
commit 68f7faf
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 5 deletions.
diff --git a/frontend/src/routes/home/+page.svelte b/frontend/src/routes/home/+page.svelte
@@ -83,28 +83,34 @@ section
     .search-container
         display: flex
         justify-content: center
-        height: 2rem
+        height: 2.5rem
+        
 
         .search-select
             background-color: vars.$accent
             color: vars.$inverted
             border-color: vars.$accent
-            border-radius: 0.3rem 0rem 0rem 0.3rem
+            border-radius: 0.5rem 0rem 0rem 0.5rem
+            min-width:  5rem
+            padding-left:  0.5rem
 
         .search-input
             padding: 0rem 0.3rem
             background-color: transparent
             color: vars.$text
             border: 1px solid
             border-color: vars.$accent
+            width:20rem
 
         .search-btn
             background-color: vars.$accent
             color: vars.$inverted
-            width: 2rem
+            width: 3rem
             border: none
-            border-radius: 0rem 0.3rem 0.3rem 0rem
+            border-radius: 0rem 0.5rem 0.5rem 0rem
             cursor: pointer
+            
+
 
     .container
         display: grid

diff --git a/frontend/src/routes/home/[id=int]/+page.svelte b/frontend/src/routes/home/[id=int]/+page.svelte
@@ -91,7 +91,7 @@
 		<h4>Product Details</h4>
 		<span>{product.description}</span>
 	</div>
-	<input bind:value={currentBid} type="number" />
+	<input bind:value={currentBid} type="number" class="input" />
 	<Button id="bid-btn" text="Make Bid" func={makeBid} />
 
 	{#if !product.available}
@@ -133,4 +133,13 @@ section
 
         .timer
             font-size: 2rem
+    input
+        background-color: vars.$secondary
+        padding: 12px 15px
+        margin: 8px 0
+        width: 10rem
+        border-radius: 15px
+        border: none
+        color: white
+
 </style>