feat(GameTable): css

styled table
This commit is contained in:
kyuuseiryuu 2026-02-04 00:16:53 +09:00
parent 44e283852e
commit 73892a5f40

View File

@ -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