Browse Source

Resolve page vertical scrollbar unselectable

Added conditional check for dynamicBackground on styling
master
jeffvli 3 years ago
parent
commit
3e66c6a8c2
  1. 9
      src/components/layout/styled.tsx

9
src/components/layout/styled.tsx

@ -103,6 +103,9 @@ export const PageContainer = styled(Container)<{ $backgroundSrc?: string }>`
height: 100%; height: 100%;
overflow-x: hidden; overflow-x: hidden;
${(props) =>
props.$backgroundSrc &&
`
&:before { &:before {
content: ''; content: '';
position: fixed; position: fixed;
@ -110,8 +113,9 @@ export const PageContainer = styled(Container)<{ $backgroundSrc?: string }>`
right: 0; right: 0;
display: block; display: block;
background-image: ${(props) => background-image: ${
props.$backgroundSrc ? `url(${props.$backgroundSrc})` : undefined}; props.$backgroundSrc ? `url(${props.$backgroundSrc})` : undefined
};
transition: background-image 1s ease-in-out; transition: background-image 1s ease-in-out;
width: 100%; width: 100%;
@ -123,6 +127,7 @@ export const PageContainer = styled(Container)<{ $backgroundSrc?: string }>`
filter: blur(50px) brightness(0.8); filter: blur(50px) brightness(0.8);
} }
`}
`; `;
export const PageHeader = styled(Header)<{ padding?: string }>` export const PageHeader = styled(Header)<{ padding?: string }>`

Loading…
Cancel
Save