Browse Source

fix(ui): Fix sdk updates alert margin on smaller devices (#23649)

Matej Minar 4 years ago
parent
commit
e0680ede11

+ 3 - 1
src/sentry/static/sentry/app/views/performance/transactionSummary/content.tsx

@@ -312,7 +312,9 @@ const StyledSearchBar = styled(SearchBar)`
 `;
 
 const StyledSdkUpdatesAlert = styled(GlobalSdkUpdateAlert)`
-  margin-bottom: 0;
+  @media (min-width: ${p => p.theme.breakpoints[1]}) {
+    margin-bottom: 0;
+  }
 `;
 
 StyledSdkUpdatesAlert.defaultProps = {

+ 3 - 1
src/sentry/static/sentry/app/views/projectDetail/projectDetail.tsx

@@ -168,7 +168,9 @@ const StyledPageContent = styled(PageContent)`
 `;
 
 const StyledSdkUpdatesAlert = styled(GlobalSdkUpdateAlert)`
-  margin-bottom: 0;
+  @media (min-width: ${p => p.theme.breakpoints[1]}) {
+    margin-bottom: 0;
+  }
 `;
 
 StyledSdkUpdatesAlert.defaultProps = {