feat: Sidebar + SidebarToggle, адаптивность компонентов (0.2.0)

This commit is contained in:
Тимур Городецкий
2026-08-14 10:35:42 +05:00
parent e65805379e
commit c72f93e359
38 changed files with 985 additions and 14 deletions
+12
View File
@@ -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%;
}
}
}
+20
View File
@@ -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>
),
};