feat: Sidebar + SidebarToggle, адаптивность компонентов (0.2.0)
This commit is contained in:
@@ -12,4 +12,16 @@
|
||||
border-top: 1px solid $gray-200;
|
||||
border-radius: 0 0 $r-lg $r-lg;
|
||||
box-shadow: 0 -4px 16px rgba(15, 36, 64, .04);
|
||||
|
||||
// Мобилка: кнопки в столбец на всю ширину; отрицательные поля под уменьшенный
|
||||
// padding карточки (18px, см. FormCard). Основная кнопка (accent, последняя) — сверху.
|
||||
@include below($bp-sm) {
|
||||
flex-direction: column-reverse;
|
||||
margin: 20px -18px -18px;
|
||||
padding: 14px 18px;
|
||||
|
||||
> * {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,20 @@
|
||||
import type { Meta, StoryObj } from '@storybook/react-vite';
|
||||
import { FormActions } from './FormActions';
|
||||
import { Button } from '../Button/Button';
|
||||
|
||||
const meta: Meta<typeof FormActions> = {
|
||||
title: 'Формы/FormActions',
|
||||
component: FormActions,
|
||||
tags: ['autodocs'],
|
||||
};
|
||||
|
||||
export default meta;
|
||||
|
||||
export const Default: StoryObj<typeof FormActions> = {
|
||||
render: () => (
|
||||
<FormActions>
|
||||
<Button variant="secondary">Отмена</Button>
|
||||
<Button variant="accent">Отправить</Button>
|
||||
</FormActions>
|
||||
),
|
||||
};
|
||||
Reference in New Issue
Block a user