Кастомизация дизайна админки и страницы регистрации: нейтральный стиль админки Django, компактная форма регистрации

myproject/accounts/admin.py

@@ -36,3 +36,7 @@ class CustomUserAdmin(UserAdmin):
 
 admin.site.register(CustomUser, CustomUserAdmin)
 
+admin.site.site_header = "Админ-панель"
+admin.site.site_title = "Админ-панель"
+admin.site.index_title = "Добро пожаловать"
+

myproject/inventory/templates/inventory/sale/sale_detail.html

@@ -125,12 +125,6 @@
         {% endif %}
 
         <div class="d-flex gap-2 mt-4">
-            <a href="{% url 'inventory:sale-update' sale.pk %}" class="btn btn-primary">
-                <i class="bi bi-pencil"></i> Редактировать
-            </a>
-            <a href="{% url 'inventory:sale-delete' sale.pk %}" class="btn btn-danger">
-                <i class="bi bi-trash"></i> Удалить
-            </a>
             <a href="{% url 'inventory:sale-list' %}" class="btn btn-secondary">
                 <i class="bi bi-arrow-left"></i> Вернуться к списку
             </a>

myproject/inventory/templates/inventory/sale/sale_list.html

@@ -8,9 +8,6 @@
 <div class="card">
     <div class="card-header d-flex justify-content-between align-items-center">
         <h4 class="mb-0">Продажи товара (FIFO)</h4>
-        <a href="{% url 'inventory:sale-create' %}" class="btn btn-primary btn-sm">
-            <i class="bi bi-plus-circle"></i> Новая продажа
-        </a>
     </div>
 
     <div class="card-body">
@@ -55,12 +52,6 @@
                                 <a href="{% url 'inventory:sale-detail' sale.pk %}" class="btn btn-sm btn-outline-info" title="Просмотр деталей">
                                     <i class="bi bi-eye"></i>
                                 </a>
-                                <a href="{% url 'inventory:sale-update' sale.pk %}" class="btn btn-sm btn-outline-primary">
-                                    <i class="bi bi-pencil"></i>
-                                </a>
-                                <a href="{% url 'inventory:sale-delete' sale.pk %}" class="btn btn-sm btn-outline-danger">
-                                    <i class="bi bi-trash"></i>
-                                </a>
                             </td>
                         </tr>
                         {% endfor %}
@@ -107,7 +98,6 @@
         {% else %}
             <div class="alert alert-info">
                 <i class="bi bi-info-circle"></i> Продаж не найдено.
-                <a href="{% url 'inventory:sale-create' %}" class="alert-link">Зарегистрировать новую продажу</a>
             </div>
         {% endif %}
     </div>

myproject/static/admin/css/custom_admin.css

@@ -0,0 +1,42 @@
+/* custom_admin.css */
+
+/* Небольшая нейтральная стилизация хедера */
+#header {
+  background: #1f2937; /* тёмно-серый (не django-green) */
+}
+#header, #header a, #header .brand-name {
+  color: #ffffff;
+}
+
+/* Лаконичный «логотип» — маленькая точка/маркер */
+.brand-logo {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  margin-right: 8px;
+  border-radius: 50%;
+  background: #10b981; /* неброский зелёный маркер */
+  vertical-align: middle;
+}
+.brand-name {
+  font-weight: 600;
+  letter-spacing: 0.2px;
+}
+
+/* Лёгкое улучшение внешнего вида контейнера логина */
+body.login #container {
+  border-radius: 10px;
+  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
+}
+
+/* Кнопки — чуть более современные оттенки */
+.module .submit-row input,
+.submit-row input[type="submit"] {
+  background: #2563eb; /* неброский синий */
+  border-color: #2563eb;
+}
+.module .submit-row input:hover,
+.submit-row input[type="submit"]:hover {
+  background: #1e40af;
+  border-color: #1e40af;
+}

myproject/templates/admin/base_site.html

@@ -0,0 +1,15 @@
+{% extends "admin/base.html" %}
+{% load static %}
+
+{% block title %}Админ-панель{% endblock %}
+
+{% block branding %}
+<div class="branding">
+  <span class="brand-logo"></span>
+  <span class="brand-name">Админ-панель</span>
+</div>
+{% endblock %}
+
+{% block extrastyle %}
+<link rel="stylesheet" href="{% static 'admin/css/custom_admin.css' %}">
+{% endblock %}

myproject/tenants/templates/tenants/base.html

@@ -10,36 +10,96 @@
 
     <style>
         body {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
             min-height: 100vh;
-            padding: 20px 0;
+            padding: 30px 10px;
+            display: flex;
+            align-items: center;
+        }
+        .container {
+            max-width: 480px;
         }
         .card {
-            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
             border: none;
-            border-radius: 15px;
+            border-radius: 8px;
+            overflow: hidden;
         }
         .card-header {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            background: #3b82f6;
             color: white;
-            border-radius: 15px 15px 0 0 !important;
+            padding: 1rem 1.25rem;
-            padding: 1.5rem;
+            border-bottom: none;
         }
-        .btn-primary {
+        .card-header h3 {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            font-size: 1.25rem;
-            border: none;
+            font-weight: 600;
+            margin: 0;
         }
-        .btn-primary:hover {
+        .card-header p {
-            background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
+            font-size: 0.875rem;
-            transform: translateY(-2px);
+            opacity: 0.95;
-            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
+            margin: 0.25rem 0 0 0;
+        }
+        .card-body {
+            padding: 1.5rem 1.25rem;
+        }
+        .form-label {
+            font-size: 0.875rem;
+            font-weight: 500;
+            color: #374151;
+            margin-bottom: 0.35rem;
+        }
+        .form-control, .input-group-text {
+            font-size: 0.9rem;
+            padding: 0.5rem 0.75rem;
+            border-radius: 6px;
+        }
+        .input-group-text {
+            background: #f3f4f6;
+            border-left: none;
+            color: #6b7280;
         }
         .form-control:focus {
-            border-color: #667eea;
+            border-color: #3b82f6;
-            box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
+            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+        }
+        .form-text {
+            font-size: 0.8rem;
+            color: #6b7280;
+            margin-top: 0.25rem;
+        }
+        .text-danger {
+            color: #ef4444 !important;
+        }
+        .mb-3 {
+            margin-bottom: 1rem !important;
+        }
+        .mb-4 {
+            margin-bottom: 1.25rem !important;
+        }
+        .btn-primary {
+            background: #3b82f6;
+            border: none;
+            font-weight: 500;
+            padding: 0.625rem 1rem;
+            border-radius: 6px;
+            transition: all 0.2s;
+        }
+        .btn-primary:hover {
+            background: #2563eb;
+            transform: translateY(-1px);
+            box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3);
         }
         .alert {
-            border-radius: 10px;
+            border-radius: 6px;
+            font-size: 0.9rem;
+            padding: 0.75rem 1rem;
+        }
+        small.text-muted {
+            font-size: 0.8rem;
+            color: #6b7280;
+            line-height: 1.4;
         }
     </style>
 
@@ -47,8 +107,6 @@
 </head>
 <body>
     <div class="container">
-        <div class="row justify-content-center">
-            <div class="col-md-8 col-lg-6">
         {% if messages %}
             {% for message in messages %}
                 <div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
@@ -60,8 +118,6 @@
 
         {% block content %}{% endblock %}
     </div>
-        </div>
-    </div>
 
     <!-- Bootstrap 5 JS -->
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

myproject/tenants/templates/tenants/registration_form.html

@@ -1,14 +1,14 @@
 {% extends "tenants/base.html" %}
 
-{% block title %}Регистрация нового магазина{% endblock %}
+{% block title %}Регистрация нового пользователя{% endblock %}
 
 {% block content %}
 <div class="card">
     <div class="card-header text-center">
-        <h3 class="mb-0">Регистрация нового магазина</h3>
+        <h3>Регистрация магазина</h3>
-        <p class="mb-0 mt-2">Заполните форму для создания вашего интернет-магазина</p>
+        <p>Заполните форму для создания заявки</p>
     </div>
-    <div class="card-body p-4">
+    <div class="card-body">
         <form method="post" novalidate>
             {% csrf_token %}
 
@@ -37,7 +37,7 @@
                 </label>
                 <div class="input-group">
                     {{ form.schema_name }}
-                    <span class="input-group-text">.inventory.by</span>
+                    <span class="input-group-text">.flowers</span>
                 </div>
                 {% if form.schema_name.errors %}
                     <div class="text-danger small mt-1">
@@ -96,26 +96,19 @@
 
             <!-- Кнопка отправки -->
             <div class="d-grid">
-                <button type="submit" class="btn btn-primary btn-lg">
+                <button type="submit" class="btn btn-primary">
                     Отправить заявку
                 </button>
             </div>
 
-            <div class="text-center mt-3">
+            <div class="text-center mt-2">
                 <small class="text-muted">
-                    После отправки заявки ваш магазин будет проверен администратором.<br>
+                    Заявка будет проверена администратором в течение 24 часов
-                    Уведомление придет на указанный email в течение 24 часов.
                 </small>
             </div>
         </form>
     </div>
 </div>
-
-<div class="text-center mt-3">
-    <a href="/admin/" class="text-white text-decoration-none">
-        <small>Войти в панель администратора</small>
-    </a>
-</div>
 {% endblock %}
 
 {% block extra_js %}