m/umami
1
0
Fork 0
mirror of https://github.com/kremalicious/umami.git synced 2025-02-01 12:29:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

Team Websites responsive.

Browse Source
This commit is contained in:
Brian Cao 2024-03-24 11:46:45 -07:00
parent 03eeb6a022
commit e61f36a8bd
2 changed files with 3 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/(main)/settings/teams/[teamId]/websites/TeamWebsitesTable.tsx
View File

@ -1,4 +1,4 @@
import { GridColumn, GridTable, Icon, Text } from 'react-basics'; import { GridColumn, GridTable, Icon, Text, useBreakpoint } from 'react-basics';
import { useLogin, useMessages } from 'components/hooks'; import { useLogin, useMessages } from 'components/hooks';
import Icons from 'components/icons'; import Icons from 'components/icons';
import LinkButton from 'components/common/LinkButton'; import LinkButton from 'components/common/LinkButton';
@ -14,9 +14,10 @@ export function TeamWebsitesTable({
}) { }) {
const { user } = useLogin(); const { user } = useLogin();
const { formatMessage, labels } = useMessages(); const { formatMessage, labels } = useMessages();
const breakpoint = useBreakpoint();
return ( return (
<GridTable data={data}> <GridTable data={data} cardMode={['xs', 'sm', 'md'].includes(breakpoint)}>
<GridColumn name="name" label={formatMessage(labels.name)} /> <GridColumn name="name" label={formatMessage(labels.name)} />
<GridColumn name="domain" label={formatMessage(labels.domain)} /> <GridColumn name="domain" label={formatMessage(labels.domain)} />
<GridColumn name="createdBy" label={formatMessage(labels.createdBy)}> <GridColumn name="createdBy" label={formatMessage(labels.createdBy)}>

13
src/app/(main)/settings/websites/WebsitesTable.module.css
View File

@ -1,13 +0,0 @@
@media screen and (max-width: 992px) {
.row {
flex-wrap: wrap;
}
.header .actions {
display: none;
}
.actions {
flex-basis: 100%;
}
}