acid-info
/
logos-press-engine
mirror of https://github.com/acid-info/logos-press-engine.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: remove hero component's extra padding on desktop; refs #203

This commit is contained in:
Hossein Mehrabi 2023-10-19 16:17:42 +03:30
parent bf27baa545
commit 6cc544394f
No known key found for this signature in database
GPG Key ID: 45C04964191AFAA1
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Hero/Hero.tsx
View File

@ -87,9 +87,14 @@ const Description = styled(Typography)`
const Border = styled.div` const Border = styled.div`
line-height: 0; line-height: 0;
height: 0; height: 0;
width: calc(100% - 2 * var(--main-content-padding)); width: 100%;
position: absolute; position: absolute;
left: 0px;
bottom: 0; bottom: 0;
left: var(--main-content-padding);
border-bottom: 1px solid rgb(var(--lsd-border-primary)); border-bottom: 1px solid rgb(var(--lsd-border-primary));
@media (max-width: ${uiConfigs.maxContainerWidth}px) {
width: calc(100% - 2 * var(--main-content-padding));
left: var(--main-content-padding);
}
` `