From 281789b3eab7a49214f6364919a014f18915d52e Mon Sep 17 00:00:00 2001 From: mydearxym Date: Tue, 26 Sep 2023 22:56:56 +0800 Subject: [PATCH] chore(sidebar): adjust main menu padding --- .../styles/sidebar_layout/main_menu.ts | 4 +--- .../CustomHeaderLinks/styles/sidebar_layout.ts | 12 ++++++------ 2 files changed, 7 insertions(+), 9 deletions(-) diff --git a/src/widgets/CommunityDigest/styles/sidebar_layout/main_menu.ts b/src/widgets/CommunityDigest/styles/sidebar_layout/main_menu.ts index 67377c752..70f128d44 100644 --- 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)` 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 index c4f334018..b9579687d 100644 --- 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;