add background when a form is show

src/core/Resources/assets/css/admin.scss

@@ -31,6 +31,11 @@ body {
     overflow-x: hidden;
 }
 
+.body.has-form {
+    min-height: 100vh;
+    background: lighten(map-get($theme-colors, 'dark-blue'), 75%);
+}
+
 #logo {
     width: 30px;
 }
@@ -394,6 +399,19 @@ th {
     margin-right: 4px;
 }
 
+#form-main {
+    > .tab-content {
+        padding: 30px;
+        background: lighten(map-get($theme-colors, 'dark-blue'), 75%);
+
+        .tab-form {
+            padding: 30px;
+            background: #fff;
+            border: 1px solid #ccc;
+        }
+    }
+}
+
 .custom-file-label::after {
     content: "Parcourir";
 }

src/core/Resources/views/admin/crud/edit.html.twig

@@ -2,6 +2,8 @@
 
 {% set context = context ?? 'edit' %}
 
+{% block body_class %}has-form{% endblock %}
+
 {% block title %}{{ configuration.pageTitle(context)|trans|build_string(entity) }} - {{ parent() }}{% endblock %}
 
 {% block body %}

src/core/Resources/views/admin/crud/new.html.twig

@@ -2,6 +2,8 @@
 
 {% set context = context ?? 'new' %}
 
+{% block body_class %}has-form{% endblock %}
+
 {% block title %}{{ configuration.pageTitle(context)|trans|build_string(entity) }} - {{ parent() }}{% endblock %}
 
 {% block body %}

src/core/Resources/views/admin/layout.html.twig

@@ -44,7 +44,7 @@
                         {{ include('@Core/admin/module/menu.html.twig') }}
                     </div>
                 </nav>
-                <div class="body">
+                <div class="body {% block body_class %}{% endblock %}">
                     {% block body %}
                     {% endblock %}
                 </div>