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

fix: Settings card inconsitent for mobile viewports (#7464)

Browse Source 
Closes #7457

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
This commit is contained in:
Harshit Singh
2024-10-10 21:13:22 +05:30
committed by GitHub
parent 9277cb7729
commit 43a0006947
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsSettingsSection.tsx
View File

@ -1,5 +1,10 @@
import styled from '@emotion/styled'; import styled from '@emotion/styled';
import { H2Title, IconCalendarEvent, IconMailCog } from 'twenty-ui'; import {
H2Title,
IconCalendarEvent,
IconMailCog,
MOBILE_VIEWPORT,
} from 'twenty-ui';
import { SettingsCard } from '@/settings/components/SettingsCard'; import { SettingsCard } from '@/settings/components/SettingsCard';
import { getSettingsPagePath } from '@/settings/utils/getSettingsPagePath'; import { getSettingsPagePath } from '@/settings/utils/getSettingsPagePath';
@ -12,6 +17,10 @@ const StyledCardsContainer = styled.div`
display: flex; display: flex;
gap: ${({ theme }) => theme.spacing(4)}; gap: ${({ theme }) => theme.spacing(4)};
margin-top: ${({ theme }) => theme.spacing(6)}; margin-top: ${({ theme }) => theme.spacing(6)};
@media (max-width: ${MOBILE_VIEWPORT}pxF) {
flex-direction: column;
}
`; `;
export const SettingsAccountsSettingsSection = () => { export const SettingsAccountsSettingsSection = () => {