layout base | atualizar page se erro ao arrastar

gestaoRaul/mesas/templates/mesas_map.html

@@ -19,12 +19,17 @@ RRB&C - Mapa de Mesas
     #mapa {
     width: 1400px;
     height: 800px;
+    border-radius: 15px;
+    /* margin: 15; */
+
     background-image: url("{% static 'midia/mapMesa.webp' %}" );
     background-size: cover;
     position: relative;
 }
 </style>
 
+<h1>Mapa de Mesas</h1>
+
 <div id="mapa" >
 
   {% for eixo in eixosXY %}

gestaoRaul/templates/base.html

@@ -9,6 +9,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     
     <link rel="stylesheet" href="{% static 'pico.css' %}">
+    <link rel="stylesheet" href="{% static 'base.css' %}">
     {% block 'head' %}
     
     {% endblock  %}

gestaoRaul/templates/static/base.css

@@ -1,9 +1,10 @@
 body {
-    margin: 0;
+    margin: 15px;
+    padding: 15px;
     font-family: Arial, sans-serif;
 }
 
-.sidebar {
+/* .sidebar {
     height: 100vh;
     width: 200px;
     background-color: #f1f1f1;
@@ -14,7 +15,7 @@ body {
 }
 
 .content {
-    margin-left: 220px; /* Ajustar para a largura da sidebar + padding */
+    margin-left: 220px; 
     padding: 20px;
 }
 
@@ -32,4 +33,4 @@ li a {
 
 li a:hover {
     background-color: #ccc;
-}
+} */

gestaoRaul/templates/static/mesas/css/mesas.css

@@ -62,7 +62,6 @@
   background-color: rgb(75, 75, 75);
   border-radius: 15px;
   padding: 15px;
-  margin: 15px;
   min-height: 300px;
-  max-width: 1370px;
+  max-width: 1400px;
 }

gestaoRaul/templates/static/mesas/js/mesas_map.js

@@ -68,6 +68,7 @@ var resposta =   fetch(url, {method: 'POST',
   });
 }else{
   alert('Aqui não pode!!!')
+  location.reload();
 }
 
 }