feat(GameTable): css
styled table
This commit is contained in:
parent
44e283852e
commit
73892a5f40
@ -1,8 +1,17 @@
|
||||
import { Button, Divider, Flex, Table } from "antd";
|
||||
import { Button, Divider, Flex, Table as AntTable } from "antd";
|
||||
import type { GamesData } from "../types";
|
||||
import User from "./User";
|
||||
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
||||
import { useMemo, useState } from "react";
|
||||
import { useRequest } from "ahooks";
|
||||
import styled from "styled-components";
|
||||
|
||||
const Table = styled(AntTable<GamesData>)`
|
||||
width: 100%;
|
||||
max-width: 400px;
|
||||
.ant-table, .ant-table-footer {
|
||||
background: transparent;
|
||||
}
|
||||
`;
|
||||
|
||||
interface Props {
|
||||
uid?: string;
|
||||
@ -49,7 +58,7 @@ export function GameTable(props: Props) {
|
||||
pagination={false}
|
||||
dataSource={displayData}
|
||||
size="small"
|
||||
style={{ width: '100%', maxWidth: 400 }}
|
||||
style={{ width: '100%', maxWidth: 400, background: 'transparent' }}
|
||||
footer={() => (
|
||||
<Flex justify="center">
|
||||
<Button
|
||||
|
||||
Loading…
Reference in New Issue
Block a user