Added card mode to DataTable.

This commit is contained in:
Mike Cao 2023-10-12 00:03:10 -07:00
parent 5f73e4e8db
commit a15fb89c90
8 changed files with 22 additions and 64 deletions

View file

@ -19,6 +19,7 @@
.body {
display: flex;
flex-direction: column;
position: relative;
overflow-x: auto;
}
@ -31,6 +32,11 @@
min-width: min-content;
}
.body > div > div > div {
display: flex;
gap: 10px;
}
.pager {
margin: 20px 0;
}

View file

@ -1,4 +1,4 @@
import { useTransition, animated } from 'react-spring';
import { useTransition, animated } from '@react-spring/web';
import { Button, Icon } from 'react-basics';
import useTheme from 'components/hooks/useTheme';
import Icons from 'components/icons';

View file

@ -1,6 +1,6 @@
import useMeasure from 'react-use-measure';
import { FixedSizeList } from 'react-window';
import { useSpring, animated, config } from 'react-spring';
import { useSpring, animated, config } from '@react-spring/web';
import classNames from 'classnames';
import Empty from 'components/common/Empty';
import { formatLongNumber } from 'lib/format';

View file

@ -1,5 +1,5 @@
import classNames from 'classnames';
import { useSpring, animated } from 'react-spring';
import { useSpring, animated } from '@react-spring/web';
import { formatNumber } from 'lib/format';
import styles from './MetricCard.module.css';