From b2b71ccfd32541bca9cfe0fb635e389ca441584b Mon Sep 17 00:00:00 2001 From: mheggelund Date: Fri, 6 Oct 2023 10:13:00 +0200 Subject: [PATCH] chore: NoModel small styling changes --- src/components/InfoPageComponent/InfoPageComponent.style.tsx | 1 + src/features/Results/NoResults/NoResults.styled.tsx | 4 ++++ src/features/Results/NoResults/NoResults.tsx | 2 +- 3 files changed, 6 insertions(+), 1 deletion(-) diff --git a/src/components/InfoPageComponent/InfoPageComponent.style.tsx b/src/components/InfoPageComponent/InfoPageComponent.style.tsx index 5c14cea4..c372685c 100644 --- 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 index 4bd55b4e..3637edbb 100644 --- a/src/features/Results/NoResults/NoResults.styled.tsx +++ b/src/features/Results/NoResults/NoResults.styled.tsx @@ -1,6 +1,9 @@ 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; @@ -8,3 +11,4 @@ export const TextDiv = styled.div` row-gap: ${spacings.MEDIUM}; ` +export { StyledImg as Img } diff --git a/src/features/Results/NoResults/NoResults.tsx b/src/features/Results/NoResults/NoResults.tsx index 7cfe6904..f7a14dfa 100644 --- 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 ( - altText + Oh no! It seems we don’t have any results for this model yet