styling fixes

calblueprint · Nov 16, 2024 · 827cef0 · 827cef0
1 parent 7c71504
commit 827cef0
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 11 deletions.
diff --git a/components/Filter/styles.ts b/components/Filter/styles.ts
@@ -12,8 +12,8 @@ export const FilterBackgroundStyles = styled.div<{ isActive: boolean }>`
   padding: 0.25rem;
   z-index: 5;
   border: 0.05rem solid #fff;
-  margin-top: 0.75rem;
-  max-height: ${({ isActive }) => (isActive ? 'auto' : '2rem')};
+  margin-top: 1rem;
+  max-height: ${({ isActive }) => (isActive ? 'auto' : '2.2rem')};
   border-radius: ${({ isActive }) => (isActive ? '0.5rem' : '6.25rem')};
   transition: height 0.5s ease-in-out;
 `;
@@ -28,9 +28,10 @@ export const FilterButtonStyles = styled.button`
   line-height: normal;
   display: flex;
   align-items: center;
-  gap: 0.75rem;
+  gap: 1rem;
   padding: 0.5rem 1rem;
   color: rgba(46, 58, 89, 0.85);
+  height: 2.2rem;
 `;
 
 export const IconStyle = styled.div`

diff --git a/components/SearchBar/styles.ts b/components/SearchBar/styles.ts
@@ -4,7 +4,7 @@ import COLORS from '../../styles/colors';
 export const SearchBarPaddingStyles = styled.div`
   display: inline-flex;
   position: absolute;
-  top: 1.4rem;
+  top: 1.26rem;
   left: 1.25rem;
   background: linear-gradient(
     180deg,

diff --git a/components/TechnologyDropdown/index.tsx b/components/TechnologyDropdown/index.tsx
@@ -14,7 +14,6 @@ import {
   ApplyButtonStyles,
   ButtonStyles,
   ButtonWithIconStyles,
-  CategoryDiv,
   CategoryTitleStyles,
   CheckboxContainer,
   CheckboxStyles,
@@ -141,7 +140,7 @@ export default function TechnologyDropdown({
           </ExitStyles>
         </ButtonWithIconStyles>
         {filter.categories.map(category => (
-          <CategoryDiv key={category.category}>
+          <div key={category.category}>
             <CategoryTitleStyles>{category.category}</CategoryTitleStyles>
             {category.options.map(option => (
               <CheckboxContainer key={option.title}>
@@ -160,7 +159,7 @@ export default function TechnologyDropdown({
                 />
               </CheckboxContainer>
             ))}
-          </CategoryDiv>
+          </div>
         ))}
         <ApplyButtonStyles>APPLY</ApplyButtonStyles>
       </FilterContentDiv>

diff --git a/components/TechnologyDropdown/styles.ts b/components/TechnologyDropdown/styles.ts
@@ -25,10 +25,6 @@ export const CheckboxContainer = styled.div`
   margin-bottom: -0.875rem;
 `;
 
-export const CategoryDiv = styled.div`
-  display: flex;
-`;
-
 export const CategoryTitleStyles = styled.p`
   display: flex;
   font-family: ${CoinbaseMono};