diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-04-22 18:46:48 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-04-22 18:46:48 +0200 |
| commit | 5a6584777e42e6e3e55294d357cb0adafe2853e7 (patch) | |
| tree | 121dd5fbadf395a5f281fd99bf35c7be25ebe13a /src/components/organisms | |
| parent | 947a06bfdfdc5bca62c27fa2ee27f0ab9fefa0ea (diff) | |
chore: add a Layout component
It defines the different components used by all other layouts.
Diffstat (limited to 'src/components/organisms')
| -rw-r--r-- | src/components/organisms/toolbar/toolbar.module.scss | 6 | ||||
| -rw-r--r-- | src/components/organisms/toolbar/toolbar.stories.tsx | 3 |
2 files changed, 8 insertions, 1 deletions
diff --git a/src/components/organisms/toolbar/toolbar.module.scss b/src/components/organisms/toolbar/toolbar.module.scss index bb0a91f..cda9b37 100644 --- a/src/components/organisms/toolbar/toolbar.module.scss +++ b/src/components/organisms/toolbar/toolbar.module.scss @@ -26,7 +26,11 @@ .modal { &--search, &--settings { - min-width: 30ch; + @include mix.media("screen") { + @include mix.dimensions("sm") { + min-width: 35ch; + } + } } } diff --git a/src/components/organisms/toolbar/toolbar.stories.tsx b/src/components/organisms/toolbar/toolbar.stories.tsx index de94e31..4f9a3de 100644 --- a/src/components/organisms/toolbar/toolbar.stories.tsx +++ b/src/components/organisms/toolbar/toolbar.stories.tsx @@ -38,6 +38,9 @@ export default { </IntlProvider> ), ], + parameters: { + layout: 'fullscreen', + }, } as ComponentMeta<typeof ToolbarComponent>; const Template: ComponentStory<typeof ToolbarComponent> = (args) => ( |