chore: NoModel small styling changes

equinor · Oct 9, 2023 · b2b71cc · b2b71cc
1 parent 2445502
commit b2b71cc
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/src/components/InfoPageComponent/InfoPageComponent.style.tsx b/src/components/InfoPageComponent/InfoPageComponent.style.tsx
@@ -10,6 +10,7 @@ const StyledInforPage = styled.div`
 
   &.scaleHight {
     height: calc(100% - 75.5px);
+    padding-top: 5%;
   }
 
   width: 100%;

diff --git a/src/features/Results/NoResults/NoResults.styled.tsx b/src/features/Results/NoResults/NoResults.styled.tsx
@@ -1,10 +1,14 @@
 import styled from 'styled-components'
 import { spacings } from '../../../tokens/spacings'
 
+const StyledImg = styled.img`
+  scale: 85%;
+`
 export const TextDiv = styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
 
   row-gap: ${spacings.MEDIUM};
 `
+export { StyledImg as Img }
diff --git a/src/features/Results/NoResults/NoResults.tsx b/src/features/Results/NoResults/NoResults.tsx
@@ -6,7 +6,7 @@ import * as Styled from './NoResults.styled'
 export const NoResults = () => {
   return (
     <InfoPageComponent scaleHight="true">
-      <img src={NoResultPicture} alt="altText" />
+      <Styled.Img src={NoResultPicture} alt="altText" />
       <Styled.TextDiv>
         <Typography variant="h4">
           Oh no! It seems we don’t have any results for this model yet