Компонент "Сообщения об ошибках"
Компонент сообщений об ошибках с 3D-дизайном, монохроматическая цветовая схема, умеренная сложность для приборной панели, адаптивный дизайн с поддержкой темных тем.
HTML-код
<div class="flex items-center justify-center h-screen bg-gray-100 dark:bg-gray-900">
<div class="relative">
<div class="absolute inset-0 bg-gradient-to-r from-purple-400 to-purple-600 transform -skew-y-3 rotate-1 scross-y-3 rounded-3xl dark:from-purple-700 dark:to-purple-900"></div>
<div class="relative bg-white p-10 rounded-xl shadow-2xl text-center dark:bg-gray-800">
<h1 class="text-3xl font-bold text-red-500 dark:text-red-400">Error!</h1>
<p class="mt-4 text-gray-700 dark:text-gray-300">Something went wrong. Please try again later.</p>
<button class="mt-6 px-8 py-2 bg-purple-500 text-white rounded-full hover:bg-purple-600 focus:outline-none focus:ring-2 focus:ring-purple-600 focus:ring-opacity-50 dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-700">Retry</button>
</div>
</div>
</div>Связанные компоненты
Компонент "Сообщения об ошибках"
Компонент сообщений об ошибках в стиле стекломорфизма для приборной панели с эффектом матового стекла, дополнительными цветами и сложным интерактивным дизайном, подходящим для визуализации данных и панелей управления.
Компонент "Сообщения об ошибках"
Компонент отзывчивых сообщений об ошибках, использующий принципы Material Design, с триадической цветовой схемой и поддержкой темного режима, адаптированный для портфолио.
Компонент "Сообщения об ошибках"
Компонент с сообщением об ошибке со скевоморфным дизайном с реалистичным значком предупреждения и затененной рамкой. Он поддерживает адаптивные макеты и включает в себя различные стили для темного режима, обеспечивая читабельность и визуально соответствующий внешний вид в различных темах.