Minor UI fixes in Inbox and Yield Farming (#1533)

push-protocol · May 21, 2024 · 7d93a02 · 7d93a02
1 parent 66a13f5
commit 7d93a02
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/yield/StakingModalComponent.tsx b/src/components/yield/StakingModalComponent.tsx
@@ -303,7 +303,7 @@ const StakingModalComponent = ({ onClose, InnerComponentProps, toastObject }) =>
  <ItemHV2
  width="-webkit-fill-available"
  background={theme.default.bg}
- height="35px"
+ height="60px"
  padding={isMobile ? '8px' : '14px'}
  borderRadius="12px"
  border={`1px solid ${theme.modalBorderColor}`}

diff --git a/src/segments/Inbox.tsx b/src/segments/Inbox.tsx
@@ -474,7 +474,6 @@ const ToasterMsg = styled.div`
 `;
 
 const SnapSection = styled(ItemHV2)`
- max-height: 28px;
  margin-top: 20px;
  border-radius: 12px;
  border: 1px solid #d4dcea;
@@ -484,14 +483,15 @@ const SnapSection = styled(ItemHV2)`
  padding: 12px 16px;
  align-items: center;
  gap: 16px;
+ box-sizing:content-box;
 
  @media ${device.tablet} {
  gap: 9px;
  margin-right: 10px;
  }
 
  @media (max-width: 525px) {
- max-height: 50px;
+ padding: 8px 12px;
  }
 `;