admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Admin panel fixes (#10792)

Browse Source 
<img width="573" alt="Screenshot 2025-03-12 at 17 36 44"
src="https://github.com/user-attachments/assets/be6c20b0-626d-4a2c-810c-78a49e9f65ee"
/>
<img width="579" alt="Screenshot 2025-03-12 at 17 37 03"
src="https://github.com/user-attachments/assets/23692ff8-ac88-4104-823e-1a06b3074551"
/>
<img width="590" alt="Screenshot 2025-03-12 at 17 37 14"
src="https://github.com/user-attachments/assets/b46de1d3-a312-44cc-a54d-72208224453d"
/>
<img width="556" alt="Screenshot 2025-03-12 at 17 37 37"
src="https://github.com/user-attachments/assets/12176d49-d76d-4fb1-abe6-1f7dc5349d94"
/>
<img width="607" alt="Screenshot 2025-03-12 at 17 37 50"
src="https://github.com/user-attachments/assets/00e2edff-09db-45c5-a4df-6fd9ead830b6"
/>
This commit is contained in:
nitin
2025-03-13 01:25:38 +05:30
committed by GitHub
parent 75da64876a
commit c61748cd6e
20 changed files with 670 additions and 440 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/twenty-front/src/modules/settings/components/SettingsListItemCardContent.tsx
View File

@ -5,9 +5,9 @@ import { Link } from 'react-router-dom';
import { isDefined } from 'twenty-shared';
import { CardContent, IconChevronRight, IconComponent } from 'twenty-ui';
const StyledRow = styled(CardContent)`
const StyledRow = styled(CardContent)<{ to?: boolean }>`
align-items: center;
cursor: ${({ onClick }) => (onClick ? 'pointer' : 'default')};
cursor: ${({ onClick, to }) => (onClick || to ? 'pointer' : 'default')};
display: flex;
font-size: ${({ theme }) => theme.font.size.sm};
font-weight: ${({ theme }) => theme.font.weight.medium};
@ -15,6 +15,11 @@ const StyledRow = styled(CardContent)`
padding: ${({ theme }) => theme.spacing(2)};
padding-left: ${({ theme }) => theme.spacing(3)};
min-height: ${({ theme }) => theme.spacing(6)};
&:hover {
${({ to, theme }) =>
to && `background: ${theme.background.transparent.light};`}
}
`;
const StyledRightContainer = styled.div`
@ -36,12 +41,8 @@ const StyledDescription = styled.span`
`;
const StyledLink = styled(Link)`
text-decoration: none;
color: ${({ theme }) => theme.font.color.secondary};
&:hover {
color: ${({ theme }) => theme.font.color.secondary};
}
text-decoration: none;
`;
type SettingsListItemCardContentProps = {
@ -68,7 +69,7 @@ export const SettingsListItemCardContent = ({
const theme = useTheme();
const content = (
<StyledRow onClick={onClick} divider={divider}>
<StyledRow onClick={onClick} divider={divider} to={!!to}>
{!!LeftIcon && (
<LeftIcon
size={theme.icon.size.md}