chore(sidebar): adjust main menu padding

groupher · Sep 26, 2023 · 281789b · 281789b
1 parent c86ddf9
commit 281789b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 9 deletions.
diff --git a/src/widgets/CommunityDigest/styles/sidebar_layout/main_menu.ts b/src/widgets/CommunityDigest/styles/sidebar_layout/main_menu.ts
@@ -24,11 +24,9 @@ export const MenuItem = styled(Link)<TActive>`
   background: ${({ $active }) => ($active ? theme('hoverBg') : 'transparent')};
   width: 160px;
   text-decoration: none;
+  height: 32px;
   padding-left: 8px;
-  height: 28px;
-  margin-top: 3px;
   margin-bottom: 3px;
-  margin-left: 0px;
   border-radius: 10px;
   cursor: pointer;
 

diff --git a/src/widgets/CustomHeaderLinks/styles/sidebar_layout.ts b/src/widgets/CustomHeaderLinks/styles/sidebar_layout.ts
@@ -7,9 +7,7 @@ import LinkSVG from '@/icons/Link'
 import ArrowUpRightSVG from '@/icons/ArrowUpRight'
 import MoreSVG from '@/icons/menu/MoreL'
 
-import { LinkItem as LinkItemBase, ArrowIcon as ArrowIconBase } from '.'
-
-export { MenuPanel } from '.'
+import { LinkItem as LinkItemBase, ArrowIcon as ArrowIconBase, MenuPanel as MenuPanelBase } from '.'
 
 export const Wrapper = styled.div`
   gap: 0 16px;
@@ -19,13 +17,15 @@ export const LinkItem = styled(LinkItemBase)`
   font-size: 13px;
   width: 160px;
   border-radius: 10px;
-  height: 28px;
-  margin-top: 3px;
+  height: 32px;
   margin-bottom: 4px;
 `
-
+export const MenuPanel = styled(MenuPanelBase)`
+  gap: 5px 0;
+`
 export const MenuLinkItem = styled(LinkItem)`
   width: 140px !important;
+  height: 28px;
   margin-bottom: 0;
   margin-top: 0;
   border-radius: 4px;