twentyhq/twenty
1
1
Fork 0
mirror of https://github.com/twentyhq/twenty.git synced 2025-01-05 10:54:15 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: remove blank space below Object Settings cover image (#2285)

Browse Source 
Fixes #2280
This commit is contained in:
Thaïs 2023-10-30 19:22:23 +01:00 committed by GitHub
parent d30ed496e9
commit 3cdbe4f16e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
front/src/modules/settings/data-model/assets/build-your-business-logic.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 119 KiB

BIN
front/src/modules/settings/data-model/assets/cover.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 154 KiB

23
front/src/modules/settings/data-model/objects/SettingsObjectCoverImage.tsx
View File

@ -7,21 +7,26 @@ import { LightIconButton } from '@/ui/input/button/components/LightIconButton';
import { AnimatedFadeOut } from '@/ui/utilities/animation/components/AnimatedFadeOut';
import { cookieStorage } from '~/utils/cookie-storage';
import CoverImage from '../assets/build-your-business-logic.jpg';
import CoverImage from '../assets/cover.png';
const StyledCoverImageContainer = styled.div`
align-items: center;
background-image: url(${CoverImage.toString()});
background-size: cover;
border: 1px solid ${({ theme }) => theme.border.color.medium};
border-radius: ${({ theme }) => theme.border.radius.md};
min-height: 158px;
overflow: hidden;
box-sizing: border-box;
display: flex;
height: 153px;
justify-content: center;
position: relative;
width: 100%;
`;
const StyledCoverImage = styled.img`
height: 100%;
object-fit: cover;
width: 100%;
const StyledTitle = styled.span`
color: ${({ theme }) => theme.font.color.tertiary};
font-size: ${({ theme }) => theme.font.size.sm};
font-weight: ${({ theme }) => theme.font.weight.medium};
padding-top: ${({ theme }) => theme.spacing(5)};
`;
const StyledLighIconButton = styled(LightIconButton)`
@ -43,7 +48,7 @@ export const SettingsObjectCoverImage = () => {
marginBottom={theme.spacing(8)}
>
<StyledCoverImageContainer>
<StyledCoverImage src={CoverImage} alt="Build your business logic" />
<StyledTitle>Build your business logic</StyledTitle>
<StyledLighIconButton
Icon={IconX}
accent="tertiary"