mirror of
https://github.com/blitzkit/blitzkit.git
synced 2026-10-21 02:37:05 +02:00
feat: performance tank table occupy more real estate
This commit is contained in:
1 parent
1e60b1f61f
commit
5b9041a972
2 files changed
+13
-11
No files matched your search
@@ -1,20 +1,22 @@
|
||||
import { Flex } from '@radix-ui/themes';
|
||||
import type { MaybeSkeletonComponentProps } from '../../types/maybeSkeletonComponentProps';
|
||||
import { StickyTableRoot } from '../StickyTableRoot';
|
||||
import { Header } from './Header';
|
||||
import { Tanks } from './Tanks';
|
||||
import { Flex } from "@radix-ui/themes";
|
||||
import type { MaybeSkeletonComponentProps } from "../../types/maybeSkeletonComponentProps";
|
||||
import { StickyTableRoot } from "../StickyTableRoot";
|
||||
import { Header } from "./Header";
|
||||
import { Tanks } from "./Tanks";
|
||||
|
||||
export function TankTable({ skeleton }: MaybeSkeletonComponentProps) {
|
||||
return (
|
||||
<Flex justify="center" maxWidth="100%" flexGrow="1" position="relative">
|
||||
<StickyTableRoot
|
||||
size={{ initial: '1', sm: '2' }}
|
||||
size={{ initial: "1", sm: "2" }}
|
||||
variant="surface"
|
||||
style={{
|
||||
position: 'absolute',
|
||||
maxWidth: '100%',
|
||||
maxHeight: '100%',
|
||||
height: '100%',
|
||||
position: "absolute",
|
||||
maxWidth: "100%",
|
||||
maxHeight: "100%",
|
||||
height: "100%",
|
||||
borderBottomRightRadius: 0,
|
||||
borderBottomLeftRadius: 0,
|
||||
}}
|
||||
>
|
||||
<Header />
|
||||
|
||||
@@ -20,7 +20,7 @@ export function Page({ skeleton, locale }: PageProps) {
|
||||
|
||||
function Content({ skeleton }: MaybeSkeletonComponentProps) {
|
||||
return (
|
||||
<PageWrapper color="jade" maxWidth="100%">
|
||||
<PageWrapper pb="0" px="0" color="jade" maxWidth="100%">
|
||||
<FilterControl />
|
||||
<PlayerCountControl />
|
||||
|
||||
|
||||
Reference in new issue
Block a user