24 lines
1.1 KiB
Markdown
24 lines
1.1 KiB
Markdown
# Документация по переносу заголовка в хедере
|
||
|
||
## Общая структура в React
|
||
- **Расположение**: В AppHeader.tsx, левая часть flex, первый элемент.
|
||
- **Тип**: h1 элемент с текстом "Игровой Пульт".
|
||
- **Зависимости**: Tailwind CSS.
|
||
- **JSX**: <h1 class="text-xl font-bold">Игровой Пульт</h1>.
|
||
|
||
## Элементы
|
||
- Текст: "Игровой Пульт" (text-xl font-bold).
|
||
- Нет иконок или дополнительных элементов.
|
||
- Всегда видимый, статичный.
|
||
|
||
## Стили (Tailwind примеры)
|
||
- Основной: text-xl font-bold (белый текст).
|
||
- Responsive: text-lg на tablet, text-base на mobile.
|
||
|
||
## Взаимодействие
|
||
- Нет кликов или handlers, пассивный элемент.
|
||
- В AppHeader: <div class="flex items-center space-x-4"> <h1>...</h1> <UserInfo /> </div>.
|
||
|
||
## Vue маппинг
|
||
- <template>: <h1 class="text-xl font-bold">Игровой Пульт</h1>.
|
||
- Нет props или state. |