Files
vue-pult/docs/migration/header/ESP_RECONNECT_BUTTON.md
2025-10-01 11:54:13 +03:00

1008 B
Raw Permalink Blame History

Документация по переносу кнопки "ESP Reconnect" в хедере

Общая структура в React

  • Расположение: В AppHeader.tsx, правая часть flex, третья кнопка.
  • Тип: Button элемент с @click={onESPReconnect}, title="Переподключить ESP".
  • Зависимости: Tailwind CSS, lucide-react (RefreshCw icon).
  • JSX: ESP Reconnect .

Элементы

  • Иконка: RefreshCw (w-4 h-4, белая).
  • Текст: "ESP Reconnect" (text-sm).
  • Title: "Переподключить ESP" (tooltip).
  • Handler: onESPReconnect — отправляет команды переподключения via WebSocket.

Стили (Tailwind примеры)

  • Основной: bg-green-600 text-white px