Merge pull request #53 from hytech-racing/52-zoomed-in

ensure search items not being clipped off by bottom panel
hytech-racing · Nov 2, 2024 · 1d6dd4d · 1d6dd4d
2 parents 2211643 + 211891a
commit 1d6dd4d
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/src/css/PreviewCard.css b/src/css/PreviewCard.css
@@ -1,4 +1,5 @@
 .preview-container {
+    padding-top: 10px;
     width: 100%;
     height: auto;
     justify-content: center;

diff --git a/src/css/SearchBar.css b/src/css/SearchBar.css
@@ -3,6 +3,8 @@
   max-width: 360px;
   font-size: 15px;
   overflow: auto;
+  padding-bottom: 10px;
+  border-left: solid #D1BF80 2px;
 }
 
 
@@ -12,8 +14,8 @@
   border-radius: 10px;
   width: 100%;
   flex: 1;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   max-width: 500px;
+  height: fit-content;
 }
 
 .search-filter-container h1 {

diff --git a/src/routes/root.tsx b/src/routes/root.tsx
@@ -174,9 +174,7 @@ export default function Root() {
 
         <SearchBar setSearchFilters={setSearchFilters} setSearch={setSearch} />
       </div>
-      <div className="preview-contain-result">
-        <PreviewCard selectedRow={selectedRow} selectedData={selectedData} />
-      </div>
+      <PreviewCard selectedRow={selectedRow} selectedData={selectedData} />
     </>
   );
 }