kyuuseiryuu/my-kaiqiuwang
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(GameTable): css

Browse Source 
styled table
This commit is contained in:
kyuuseiryuu 2026-02-04 00:16:53 +09:00
parent 44e283852e
commit 73892a5f40
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/GameTable.tsx
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 type { GamesData } from "../types";
import User from "./User"; import User from "./User";
import { useCallback, useEffect, useMemo, useRef, useState } from "react"; import { useMemo, useState } from "react";
import { useRequest } from "ahooks"; 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 { interface Props {
uid?: string; uid?: string;
@ -49,7 +58,7 @@ export function GameTable(props: Props) {
pagination={false} pagination={false}
dataSource={displayData} dataSource={displayData}
size="small" size="small"
style={{ width: '100%', maxWidth: 400 }} style={{ width: '100%', maxWidth: 400, background: 'transparent' }}
footer={() => ( footer={() => (
<Flex justify="center"> <Flex justify="center">
<Button <Button