mirrors/gauntlet
1
0
Fork 0
mirror of https://github.com/project-gauntlet/gauntlet.git synced 2025-12-23 10:35:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Center content when it is inside an inline or a grid item

Browse source
This commit is contained in:
Exidex 2024-04-14 17:58:57 +02:00
parent 6efa7390f8
commit 03c77c85e9
5 changed files with 121 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

8
dev_plugin/src/inline-view.tsx
View file

@ -1,4 +1,4 @@
import { Content, Inline } from "@project-gauntlet/api/components";
import { Content, Icons, Inline } from "@project-gauntlet/api/components";
import { ReactNode } from "react";
export default function InlineView(props: { text: string }): ReactNode | undefined {
@ -15,6 +15,12 @@ export default function InlineView(props: { text: string }): ReactNode | undefin
</Content.Paragraph>
</Inline.Left>
<Inline.Separator/>
<Inline.Center>
<Content.Paragraph>
Testing inline view center
</Content.Paragraph>
</Inline.Center>
<Inline.Separator icon={Icons.ArrowRight}/>
<Inline.Right>
<Content.Paragraph>
Testing inline view right