Merge branch 'develop' of github.com:near/near-discovery into develop

near · Jul 2, 2024 · a9b9416 · a9b9416
2 parents 2762f76 + 02d7b7e
commit a9b9416
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/components/sidebar-navigation/Sidebar.tsx b/src/components/sidebar-navigation/Sidebar.tsx
@@ -134,7 +134,7 @@ export const Sidebar = () => {
           </S.Stack>
         </S.Section>
 
-        <S.Section style={{ flexGrow: 1 }}>
+        <S.Section style={{ flexGrow: 1, borderBottom: 'none' }}>
           <S.SectionLabel>Resources </S.SectionLabel>
 
           <S.Stack $gap="0.5rem">

diff --git a/src/components/sidebar-navigation/styles.ts b/src/components/sidebar-navigation/styles.ts
@@ -887,6 +887,11 @@ export const Drawer = styled.div<{
 export const ProfileDropdownSection = styled(Section)<{
   $expanded: boolean;
 }>`
+  position: sticky;
+  bottom: 0;
+  background: var(--white);
+  border-top: 1px solid var(--sand6);
+
   @media (min-width: ${SMALL_SCREEN_LAYOUT_MAX_WIDTH}px) {
     ${(p) =>
       p.$expanded
@@ -909,6 +914,8 @@ export const ProfileDropdownSection = styled(Section)<{
 export const SearchSection = styled(Section)<{
   $expanded: boolean;
 }>`
+  padding: 0 1rem 1rem 1rem;
+
   @media (min-width: ${SMALL_SCREEN_LAYOUT_MAX_WIDTH}px) {
     ${(p) =>
       p.$expanded