yadunut/clan-core
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

ui/toolbar: fix story types

Browse Source
This commit is contained in:
Johannes Kirschbauer
2025-07-29 19:12:27 +02:00
parent 9954653657
commit 08342578f1
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
pkgs/clan-app/ui/src/components/Toolbar/Toolbar.stories.tsx
View File

@@ -29,8 +29,9 @@ export const Default: Story = {
};
export const WithTooltip: Story = {
// @ts-expect-error: args in storybook is not typed correctly. This is a storybook issue.
render: (args) => (
<div class="h-[80vh] flex">
<div class="flex h-[80vh]">
<div class="mt-auto">
<Toolbar {...args} />
</div>
@@ -43,7 +44,7 @@ export const WithTooltip: Story = {
trigger={<ToolbarButton name="select" icon="Cursor" />}
placement="top"
>
<div class="p-1 mb-1 text-fg-inv-1">
<div class="mb-1 p-1 text-fg-inv-1">
<Typography hierarchy="label" size="s" color="inherit">
Select an object
</Typography>
@@ -54,7 +55,7 @@ export const WithTooltip: Story = {
trigger={<ToolbarButton name="new-machine" icon="NewMachine" />}
placement="top"
>
<div class="p-1 mb-1 text-fg-inv-1">
<div class="mb-1 p-1 text-fg-inv-1">
<Typography hierarchy="label" size="s" color="inherit">
Create a new machine
</Typography>
@@ -66,7 +67,7 @@ export const WithTooltip: Story = {
}
placement="top"
>
<div class="p-1 mb-1 text-fg-inv-1">
<div class="mb-1 p-1 text-fg-inv-1">
<Typography hierarchy="label" size="s" color="inherit">
Manage Services
</Typography>
@@ -76,7 +77,7 @@ export const WithTooltip: Story = {
trigger={<ToolbarButton name="ai" icon="AI" />}
placement="top"
>
<div class="p-1 mb-1 text-fg-inv-1">
<div class="mb-1 p-1 text-fg-inv-1">
<Typography hierarchy="label" size="s" color="inherit">
Chat with AI
</Typography>