34 lines
2.8 KiB
HTML
34 lines
2.8 KiB
HTML
|
||
<div class="flex w-full h-full justify-center items-center">
|
||
<div class="flex h-[550px] md:h-full w-[500px] md:w-full flex-col justify-center rounded-xl bg-gray-50 p-10 text-sm/7 text-gray-800 shadow-sm shadow-orange-500/50 dark:bg-gray-900 dark:text-gray-200">
|
||
|
||
<div class="hidden">
|
||
<h1 class="text-2xl font-bold text-gray-900 dark:text-gray-100">Сообщить о проблеме</h1>
|
||
<div class="space-y-6">
|
||
<p class="leading-5">Чем подробнее вы опишете ситуацию, тем быстрее мы найдём решение</p>
|
||
<form class="space-y-3">
|
||
<input type="text" id="name" class="block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 text-sm text-gray-900 focus:border-orange-500 focus:ring-orange-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-orange-500 dark:focus:ring-orange-500" placeholder="Ваше имя *" required />
|
||
<input type="text" id="name" class="block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 text-sm text-gray-900 focus:border-orange-500 focus:ring-orange-500 disabled:text-gray-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-orange-500 dark:focus:ring-orange-500" value="Рабочее место 192.168.0.24" placeholder="Адрес рабочего места *" required disabled="true" />
|
||
|
||
<select id="countries" class="mt-10 block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 text-sm text-gray-900 focus:border-orange-500 focus:ring-orange-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-orange-500 dark:focus:ring-orange-500">
|
||
<option>Выберите тип проблемы *</option>
|
||
<option>Ошибка в работе ПО</option>
|
||
<option>Проблемы с доступом/паролями</option>
|
||
<option>Не работает оборудование</option>
|
||
<option>Другое</option>
|
||
</select>
|
||
<textarea id="message" rows="4" class="block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 text-sm text-gray-900 focus:border-orange-500 focus:ring-orange-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-orange-500 dark:focus:ring-orange-500" placeholder="Добавьте описание *"></textarea>
|
||
|
||
<button type="button" class="text-md dark:bg-orange-600dark:focus:ring-orange-900 mb-2 w-full cursor-pointer rounded-lg bg-orange-500 px-5 py-2.5 font-bold text-white shadow-md duration-300 hover:scale-103 focus:outline-none">Отправить</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|