MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(ui-docs): dead links

This commit is contained in:
upsiflu 2024-12-20 16:16:24 +01:00
parent f9bbfc3c88
commit 2c608ae467
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
front/ui-docs/components/ui/layout.md
View File

@ -19,27 +19,27 @@ const noGap = ref(true)
The following containers are responsive. Change your window's size or select a device preset from your browser's dev tools to see how layouts are affected by available space. The following containers are responsive. Change your window's size or select a device preset from your browser's dev tools to see how layouts are affected by available space.
<Layout grid="auto / repeat(auto-fit, minmax(min-content, 163px))" style="--gap:8px"> <Layout grid="auto / repeat(auto-fit, minmax(min-content, 163px))" style="--gap:8px">
<Card auto title="flex" to="layout/flex" > <Card auto title="flex" to="./layout/flex" >
<Layout flex> <Layout flex>
<Button primary icon="bi-eye" /> <Button primary icon="bi-eye" />
<Button secondary icon="bi-eye" /> <Button secondary icon="bi-eye" />
<Button destructive icon="bi-eye" /> <Button destructive icon="bi-eye" />
</Layout> </Layout>
</Card> </Card>
<Card auto title="grid" to="layout/grid" > <Card auto title="grid" to="./layout/grid" >
<Layout grid column-width="40"> <Layout grid column-width="40">
<Button primary icon="bi-eye" /> <Button primary icon="bi-eye" />
<Button secondary icon="bi-eye" style="grid-row: span 2; height: 100%;" /> <Button secondary icon="bi-eye" style="grid-row: span 2; height: 100%;" />
<Button destructive icon="bi-eye" /> <Button destructive icon="bi-eye" />
</Layout> </Layout>
</Card> </Card>
<Card auto title="stack" to="layout/stack" > <Card auto title="stack" to="./layout/stack" >
<Layout stack style="--gap:0; margin:-8px;"> <Layout stack style="--gap:0; margin:-8px;">
<Button primary icon="bi-eye" /> <Button primary icon="bi-eye" />
<Button secondary icon="bi-eye" /> <Button secondary icon="bi-eye" />
<Button destructive icon="bi-eye" /> <Button destructive icon="bi-eye" />
</Layout></Card> </Layout></Card>
<Card auto title="columns" to="layout/columns" > <Card auto title="columns" to="./layout/columns" >
<Layout columns column-width="40"> <Layout columns column-width="40">
<Button primary icon="bi-eye" /> <Button primary icon="bi-eye" />
<Button secondary icon="bi-eye" /> <Button secondary icon="bi-eye" />
@ -132,7 +132,7 @@ const isGrowing = ref(true);
Multiple spacers will distribute their growth evenly. Multiple spacers will distribute their growth evenly.
Note that you can set the minimum space occupied by the `Spacer` with its `size` prop [(docs)](layout/spacer). Negative values can offset the gap of the `Layout` (but, due to a limitation of flexbox, not eat into the space occupied by adjacent items): Note that you can set the minimum space occupied by the `Spacer` with its `size` prop [(docs)](./layout/spacer). Negative values can offset the gap of the `Layout` (but, due to a limitation of flexbox, not eat into the space occupied by adjacent items):
<Layout flex> <Layout flex>