Update settings for unfold admin and remove footer

This commit is contained in:
Dmitry Belan
2026-09-21 10:51:40 +03:00
parent add81dcd22
commit b691299cbb
18 changed files with 3433 additions and 16 deletions
+448
View File
@@ -0,0 +1,448 @@
<!DOCTYPE html>
<html class="dark h-full" lang="ru"><head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>Изменить Пользователь Dimong (Ученик) | Администрирование Django</title>
<!-- Tailwind CSS CDN with forms and container queries plugins -->
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<script>
tailwind.config = {
darkMode: 'class',
theme: {
extend: {
colors: {
brand: {
50: '#f5f3ff',
100: '#ede9fe',
500: '#8b5cf6',
600: '#7c3aed',
700: '#6d28d9',
},
surface: {
main: '#0b0f19',
sidebar: '#0e1424',
card: '#131c2e',
cardHeader: '#172237',
input: '#0d1524',
border: '#1e293b',
borderLight: '#2a374f',
}
}
}
}
}
</script>
<!-- Custom Styles for Form Elements and Scrollbar -->
<style data-purpose="custom-scrollbars">
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track {
background: #0e1424;
}
::-webkit-scrollbar-thumb {
background: #25334c;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #3b4d70;
}
</style>
<style data-purpose="ui-components">
.custom-switch {
position: relative;
display: inline-block;
width: 44px;
height: 24px;
}
.custom-switch input {
opacity: 0;
width: 0;
height: 0;
}
.switch-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #27354a;
transition: .3s;
border-radius: 24px;
}
.switch-slider:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 3px;
bottom: 3px;
background-color: white;
transition: .3s;
border-radius: 50%;
}
input:checked + .switch-slider {
background-color: #10b981;
}
input:checked + .switch-slider:before {
transform: translateX(20px);
}
</style>
</head>
<body class="h-full bg-[#0b0f19] text-slate-200 antialiased font-sans flex overflow-hidden selection:bg-purple-600 selection:text-white">
<!-- BEGIN: Sidebar -->
<aside class="w-72 bg-[#0e1424] border-r border-[#1a253a] flex flex-col flex-shrink-0 z-30 select-none" data-purpose="admin-sidebar">
<!-- Sidebar Header / Django Branding -->
<div class="px-5 py-4 border-b border-[#1a253a] flex items-center justify-between">
<div class="flex items-center space-x-3">
<div class="w-9 h-9 rounded-lg bg-gradient-to-tr from-purple-700 to-indigo-600 flex items-center justify-center shadow-lg shadow-purple-900/30 text-white">
<svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="1.8" viewbox="0 0 24 24">
<path d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
<div>
<h1 class="font-bold text-sm leading-snug tracking-wide text-white">Администрирование Django</h1>
<span class="inline-flex items-center mt-0.5 px-2 py-0.5 rounded text-[10px] font-medium bg-purple-950 text-purple-300 border border-purple-800/60">
Окружение: Prod v5.1
</span>
</div>
</div>
<button class="p-1.5 rounded-md text-slate-400 hover:text-white hover:bg-slate-800 transition" title="Свернуть меню" type="button">
<svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
<path d="M11 19l-7-7 7-7m8 14l-7-7 7-7" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</div>
<!-- Navigation Groups -->
<nav class="flex-1 overflow-y-auto px-3.5 py-5 space-y-6">
<!-- Section: LMS -->
<div>
<div class="px-2 mb-2.5 text-xs font-bold tracking-wider text-slate-400 uppercase">
Обучение (LMS)
</div>
<div class="space-y-1">
<a class="flex items-center justify-between px-3 py-2 text-sm font-medium text-slate-300 rounded-lg hover:bg-[#162137] hover:text-white transition group" href="#">
<span class="flex items-center">
<svg class="w-4 h-4 mr-2.5 text-slate-500 group-hover:text-purple-400 transition" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
<path d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
Задания
</span>
</a>
<a class="flex items-center justify-between px-3 py-2 text-sm font-medium text-slate-300 rounded-lg hover:bg-[#162137] hover:text-white transition group" href="#">
<span class="flex items-center">
<svg class="w-4 h-4 mr-2.5 text-slate-500 group-hover:text-purple-400 transition" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
<path d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
Ответы учеников
</span>
</a>
<a class="flex items-center justify-between px-3 py-2 text-sm font-medium text-slate-300 rounded-lg hover:bg-[#162137] hover:text-white transition group" href="#">
<span class="flex items-center">
<svg class="w-4 h-4 mr-2.5 text-slate-500 group-hover:text-purple-400 transition" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
<path d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
Предметы
</span>
</a>
</div>
</div>
<!-- Section: Users (Groups block completely omitted per strict requirements) -->
<div>
<div class="px-2 mb-2.5 text-xs font-bold tracking-wider text-slate-400 uppercase">
Пользователи
</div>
<div class="space-y-1">
<a class="flex items-center justify-between px-3 py-2 text-sm font-semibold text-purple-300 bg-purple-950/40 rounded-lg border border-purple-800/40 transition" href="#">
<span class="flex items-center">
<svg class="w-4 h-4 mr-2.5 text-purple-400" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
<path d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
Пользователи
</span>
<span class="w-1.5 h-1.5 rounded-full bg-purple-400"></span>
</a>
</div>
</div>
</nav>
</aside>
<!-- END: Sidebar -->
<!-- BEGIN: Main Area -->
<div class="flex-1 flex flex-col h-full overflow-hidden bg-[#0b0f19]">
<!-- BEGIN: Top Navbar -->
<header class="h-14 bg-[#0e1424] border-b border-[#1a253a] px-6 flex items-center justify-between flex-shrink-0 z-20" data-purpose="top-navigation">
<!-- Breadcrumb Navigation -->
<nav class="flex items-center space-x-2 text-xs font-medium text-slate-400">
<a class="hover:text-purple-300 transition flex items-center" href="#">
<svg class="w-3.5 h-3.5 mr-1" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
<path d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
Начало
</a>
<span class="text-slate-600">/</span>
<a class="hover:text-purple-300 transition" href="#">Пользователи</a>
<span class="text-slate-600">/</span>
<a class="hover:text-purple-300 transition" href="#">Пользователи</a>
<span class="text-slate-600">/</span>
<span class="text-slate-200 font-semibold">Dimong (Ученик)</span>
</nav>
<!-- Right Header Actions -->
<div class="flex items-center space-x-4">
<!-- Site Link -->
<a class="hidden sm:inline-flex items-center text-xs font-medium text-slate-300 hover:text-purple-300 transition" href="#">
<svg class="w-3.5 h-3.5 mr-1 text-slate-400" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
<path d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
Смотреть сайт LMS
</a>
<div class="h-4 w-px bg-slate-700/60 hidden sm:block"></div>
<!-- History Button -->
<button class="inline-flex items-center px-2.5 py-1 text-xs font-medium text-slate-300 bg-[#162137] hover:bg-[#1e2c49] border border-slate-700/50 rounded-md transition shadow-sm" type="button">
<svg class="w-3.5 h-3.5 mr-1.5 text-slate-400" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
<path d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
История
</button>
<!-- User Profile Pill -->
<div class="flex items-center space-x-2.5 pl-2 border-l border-slate-700/50">
<div class="w-7 h-7 rounded-full bg-purple-600 flex items-center justify-center font-bold text-xs text-white uppercase ring-2 ring-purple-500/30">
D
</div>
<div class="text-xs">
<span class="font-medium text-slate-200">Dimong</span>
<span class="text-[10px] text-purple-400 block -mt-0.5">Superuser</span>
</div>
</div>
<!-- Logout Button -->
<button class="p-1.5 text-slate-400 hover:text-red-400 hover:bg-[#162137] rounded-md transition" title="Выйти" type="button">
<svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
<path d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</div>
</header>
<!-- END: Top Navbar -->
<!-- BEGIN: Scrollable Content Form -->
<main class="flex-1 overflow-y-auto pb-28 px-6 lg:px-10 py-6" data-purpose="form-main-content">
<!-- Page Title -->
<div class="mb-6">
<h2 class="text-xl font-bold tracking-tight text-white flex items-center gap-2">
<span>Изменить Пользователь Dimong (Ученик)</span>
<span class="text-xs font-mono font-normal px-2 py-0.5 bg-slate-800 border border-slate-700 text-slate-400 rounded">ID: 1042</span>
</h2>
</div>
<form class="space-y-6 max-w-6xl">
<!-- BEGIN: Credentials Card -->
<div class="bg-[#131c2e] border border-[#1e293b] rounded-xl shadow-lg p-5">
<!-- Username Field -->
<div class="mb-5">
<label class="block text-sm font-semibold text-slate-200 mb-1.5">
Имя пользователя <span class="text-rose-500 font-bold">*</span>
</label>
<input class="w-full max-w-2xl bg-[#0d1524] border border-[#233149] focus:border-purple-500 focus:ring-1 focus:ring-purple-500 rounded-lg px-3.5 py-2 text-sm text-slate-100 placeholder-slate-500 shadow-inner outline-none transition" required="" type="text" value="Dimong"/>
<p class="mt-1.5 text-xs text-slate-400">
Обязательное поле. Не более 150 символов. Только буквы, цифры и символы @/./+/-/_.
</p>
</div>
<!-- Password Status Block -->
<div class="pt-2 border-t border-[#1a253a]">
<label class="block text-sm font-semibold text-slate-200 mb-1.5">Пароль:</label>
<div class="bg-[#0b101c] border border-[#1e2b42] rounded-lg p-3 text-xs font-mono text-slate-300 break-all leading-relaxed shadow-inner">
<span class="text-purple-400 font-semibold">алгоритм:</span> pbkdf2_sha256
<span class="text-purple-400 font-semibold ml-2">итерации:</span> 870000
<span class="text-purple-400 font-semibold ml-2">соль:</span> M6Dksm********************
<span class="text-purple-400 font-semibold ml-2">хэш:</span> xM3+5a7Gk9bL0rQ3Vz0A...
</div>
<p class="mt-1.5 text-xs text-slate-400 flex items-center">
Мы не храним сырые пароли, поэтому не существует способа посмотреть пароль пользователя.
<a class="text-purple-400 hover:text-purple-300 ml-1.5 underline decoration-purple-500/50 underline-offset-2 transition" href="#">
Ссылка для изменения пароля.
</a>
</p>
</div>
</div>
<!-- END: Credentials Card -->
<!-- BEGIN: Personal Information Section -->
<div class="border border-[#1e293b] rounded-xl bg-[#131c2e] overflow-hidden shadow-lg">
<div class="bg-[#172237] px-5 py-3 border-b border-[#1e293b]">
<h3 class="text-sm font-bold uppercase tracking-wider text-slate-200">Персональная информация</h3>
</div>
<div class="p-5 space-y-4">
<!-- First Name Field -->
<div>
<label class="block text-sm font-semibold text-slate-200 mb-1.5">Имя</label>
<input class="w-full max-w-2xl bg-[#0d1524] border border-[#233149] focus:border-purple-500 focus:ring-1 focus:ring-purple-500 rounded-lg px-3.5 py-2 text-sm text-slate-100 placeholder-slate-500 shadow-inner outline-none transition" placeholder="Не указано" type="text"/>
</div>
<!-- Last Name Field -->
<div>
<label class="block text-sm font-semibold text-slate-200 mb-1.5">Фамилия</label>
<input class="w-full max-w-2xl bg-[#0d1524] border border-[#233149] focus:border-purple-500 focus:ring-1 focus:ring-purple-500 rounded-lg px-3.5 py-2 text-sm text-slate-100 placeholder-slate-500 shadow-inner outline-none transition" placeholder="Не указано" type="text"/>
</div>
<!-- Email Field -->
<div>
<label class="block text-sm font-semibold text-slate-200 mb-1.5">Адрес электронной почты</label>
<input class="w-full max-w-2xl bg-[#0d1524] border border-[#233149] focus:border-purple-500 focus:ring-1 focus:ring-purple-500 rounded-lg px-3.5 py-2 text-sm text-slate-100 shadow-inner outline-none transition" type="email" value="dimong4fox@yandex.ru"/>
</div>
</div>
</div>
<!-- END: Personal Information Section -->
<!-- BEGIN: Permissions Section -->
<div class="border border-[#1e293b] rounded-xl bg-[#131c2e] overflow-hidden shadow-lg">
<div class="bg-[#172237] px-5 py-3 border-b border-[#1e293b]">
<h3 class="text-sm font-bold uppercase tracking-wider text-slate-200">Права доступа</h3>
</div>
<div class="p-5 space-y-5">
<!-- Switch: Active -->
<div class="flex items-start space-x-3.5">
<label class="custom-switch mt-0.5">
<input checked="" type="checkbox"/>
<span class="switch-slider"></span>
</label>
<div>
<span class="text-sm font-semibold text-slate-100">Активный</span>
<p class="text-xs text-slate-400 mt-0.5">
Отметьте, если пользователь должен считаться активным. Уберите эту отметку вместо удаления учётной записи.
</p>
</div>
</div>
<!-- Switch: Staff Status -->
<div class="flex items-start space-x-3.5">
<label class="custom-switch mt-0.5">
<input checked="" type="checkbox"/>
<span class="switch-slider"></span>
</label>
<div>
<span class="text-sm font-semibold text-slate-100">Статус персонала</span>
<p class="text-xs text-slate-400 mt-0.5">
Отметьте, если пользователь может входить в административную часть сайта.
</p>
</div>
</div>
<!-- Switch: Superuser Status -->
<div class="flex items-start space-x-3.5">
<label class="custom-switch mt-0.5">
<input checked="" type="checkbox"/>
<span class="switch-slider"></span>
</label>
<div>
<span class="text-sm font-semibold text-slate-100">Статус суперпользователя</span>
<p class="text-xs text-slate-400 mt-0.5">
Указывает, что пользователь имеет все права без явного их назначения.
</p>
</div>
</div>
<!-- Dual Listbox: Django Groups Widget -->
<div class="pt-4 border-t border-[#1a253a]">
<label class="block text-sm font-semibold text-slate-200 mb-3">Группы</label>
<div class="flex flex-col md:flex-row items-stretch md:items-center gap-3">
<!-- Available Groups Box -->
<div class="flex-1 bg-[#0d1524] border border-[#223047] rounded-lg overflow-hidden flex flex-col h-72">
<div class="bg-[#141d2e] px-3 py-2 border-b border-[#223047] text-xs font-semibold text-slate-300 flex justify-between items-center">
<span>Доступные группы</span>
<span class="text-[10px] text-slate-400 bg-slate-800 px-1.5 py-0.5 rounded">3</span>
</div>
<!-- Filter Search -->
<div class="p-2 border-b border-[#1b2639]">
<div class="relative">
<input class="w-full bg-[#131c2e] border border-[#283853] text-xs text-slate-200 rounded py-1.5 pl-7 pr-2 focus:ring-1 focus:ring-purple-500 outline-none" placeholder="Фильтр" type="text"/>
<svg class="w-3.5 h-3.5 text-slate-400 absolute left-2 top-2" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
<path d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
</div>
<!-- Options list -->
<div class="flex-1 overflow-y-auto p-1.5 space-y-1 text-xs">
<div class="px-2.5 py-1.5 rounded text-slate-300 hover:bg-[#1c2940] hover:text-white cursor-pointer select-none">
Преподаватели математики
</div>
<div class="px-2.5 py-1.5 rounded text-slate-300 hover:bg-[#1c2940] hover:text-white cursor-pointer select-none">
Кураторы курса
</div>
<div class="px-2.5 py-1.5 rounded text-slate-300 hover:bg-[#1c2940] hover:text-white cursor-pointer select-none">
Методический отдел
</div>
</div>
<!-- Select All footer -->
<button class="border-t border-[#1b2639] py-2 text-xs font-medium text-purple-400 hover:text-purple-300 hover:bg-[#141f32] transition" type="button">
Выбрать все
</button>
</div>
<!-- Transfer Buttons -->
<div class="flex md:flex-col justify-center items-center gap-2 py-1">
<button class="p-2 rounded-lg bg-[#19243a] hover:bg-purple-600 text-slate-300 hover:text-white border border-[#273854] transition shadow-sm" title="Добавить выбранное" type="button">
<svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
<path d="M14 5l7 7m0 0l-7 7m7-7H3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
<button class="p-2 rounded-lg bg-[#19243a] hover:bg-purple-600 text-slate-300 hover:text-white border border-[#273854] transition shadow-sm" title="Убрать выбранное" type="button">
<svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
<path d="M10 19l-7-7m0 0l7-7m-7 7h18" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</div>
<!-- Chosen Groups Box -->
<div class="flex-1 bg-[#0d1524] border border-[#223047] rounded-lg overflow-hidden flex flex-col h-72">
<div class="bg-[#141d2e] px-3 py-2 border-b border-[#223047] text-xs font-semibold text-slate-300 flex justify-between items-center">
<span>Выбранные группы</span>
<button class="text-slate-400 hover:text-white" title="Создать группу" type="button">+</button>
</div>
<!-- Filter Search -->
<div class="p-2 border-b border-[#1b2639]">
<div class="relative">
<input class="w-full bg-[#131c2e] border border-[#283853] text-xs text-slate-200 rounded py-1.5 pl-7 pr-2 focus:ring-1 focus:ring-purple-500 outline-none" placeholder="Фильтр" type="text"/>
<svg class="w-3.5 h-3.5 text-slate-400 absolute left-2 top-2" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
<path d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
</div>
<!-- Options list empty / status -->
<div class="flex-1 overflow-y-auto p-4 flex flex-col items-center justify-center text-center">
<p class="text-xs text-slate-500 italic">
0 выбранных объектов не видны (click to clear)
</p>
</div>
<!-- Remove All footer -->
<button class="border-t border-[#1b2639] py-2 text-xs font-medium text-rose-400 hover:text-rose-300 hover:bg-[#141f32] transition" type="button">
Удалить все
</button>
</div>
</div>
<p class="mt-2.5 text-xs text-slate-400">
Группы, к которым принадлежит данный пользователь. Пользователь получит все права, указанные в каждой из его/её групп. Удерживайте “Control“ (или “Command“ на Mac), чтобы выбрать несколько значений.
</p>
</div>
</div>
</div>
<!-- END: Permissions Section -->
</form>
</main>
<!-- END: Scrollable Content Form -->
<!-- BEGIN: Fixed Bottom Action Bar -->
<footer class="fixed bottom-0 right-0 left-72 bg-[#0e1424]/95 backdrop-blur-md border-t border-[#1a253a] px-6 py-3 flex items-center justify-between z-30 shadow-2xl" data-purpose="django-submit-row">
<!-- Delete Object Button (Danger zone) -->
<div>
<button class="px-4 py-2 text-xs font-semibold text-rose-300 hover:text-rose-100 bg-rose-950/40 hover:bg-rose-900/60 border border-rose-800/60 rounded-lg shadow-sm transition focus:ring-2 focus:ring-rose-500/40 focus:outline-none" type="button">
Удалить Пользователь
</button>
</div>
<!-- Submit Action Buttons -->
<div class="flex items-center space-x-2.5">
<button class="px-3.5 py-2 text-xs font-medium text-slate-300 bg-[#162137] hover:bg-[#1e2c49] border border-slate-700/60 rounded-lg transition shadow-sm focus:outline-none" type="button">
Сохранить и добавить другой объект
</button>
<button class="px-3.5 py-2 text-xs font-medium text-slate-300 bg-[#162137] hover:bg-[#1e2c49] border border-slate-700/60 rounded-lg transition shadow-sm focus:outline-none" type="button">
Сохранить и продолжить редактирование
</button>
<button class="px-5 py-2 text-xs font-semibold text-white bg-purple-600 hover:bg-purple-500 active:bg-purple-700 rounded-lg shadow-md shadow-purple-900/40 border border-purple-500 transition focus:outline-none focus:ring-2 focus:ring-purple-400" type="submit">
Сохранить
</button>
</div>
</footer>
<!-- END: Fixed Bottom Action Bar -->
</div>
<!-- END: Main Area -->
</body></html>
Binary file not shown.

After

Width:  |  Height:  |  Size: 289 KiB