feat: login

gestaoRaul/templates/static/base.css

@@ -25,18 +25,16 @@ text-align: center;
 .nav-bar {
     display: flex;
     justify-content: space-between;
-    padding: 0.1rem 2rem;
+    padding: 0.1rem 1rem;
     
 }
 
 .logo {
     display: flex;
+    margin-top: 5px;
     align-items: center;
 }
 
-.logo h1 {
-    color: #fff;
-}
 
 .nav-list {
     display: flex;
@@ -45,7 +43,7 @@ text-align: center;
 
 .nav-list ul {
     display: flex;
-    justify-content: center;
+    justify-content: space-between;
     list-style: none;
 }
 
@@ -60,11 +58,13 @@ text-align: center;
     font-weight: 400;
 }
 
-.login-button button {
+.logout-button{
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    /* justify-content: center; */
     border: none;
-    padding: 10px 15px;
     border-radius: 5px;
-    margin-top: 10px;
+    margin-top: 20px;
 }
 
 .login-button button a {
@@ -82,14 +82,7 @@ text-align: center;
     display: none;
 }
 
-/* .dropbtn {
-    background-color: #04AA6D;
-    color: white;
-    padding: 16px;
-    font-size: 16px;
-    border: none;
-  }
-   */
+
   .dropdown {
     position: relative;
     display: inline-block;
@@ -135,7 +128,7 @@ text-align: center;
     .nav-item {
         display: none;
     }
-    .login-button {
+    .logout-button {
         display: none;
     }
     .mobile-menu-icon {
@@ -156,11 +149,13 @@ text-align: center;
         display: block;
         padding-top: 1.2rem;
     }
-    .mobile-menu .login-button {
+    .mobile-menu .logout-button {
         display: block;
+        justify-items: center;
+        justify-self: center;
         padding: 1rem 2rem;
     }
-    .mobile-menu .login-button button {
+    .mobile-menu .logout-button button {
         width: 100%;
     }
     .open {

gestaoRaul/templates/static/login/css/login.css

@@ -0,0 +1,99 @@
+/* @import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap'); */
+*
+{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: 'Oswald', sans-serif;
+}
+body
+{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 100vh;
+    /* background: #060c21; */
+}
+.c-form
+{
+    position: relative;
+    background: #060c21d8;
+    border: 1px solid #3f3f3f;
+    box-shadow: 5px 5px 10px rgba(87, 86, 86, 0.788);
+    width: 350px;
+    padding: 40px 40px 60px;
+    border-radius: 10px;
+    text-align: center;
+}
+.c-form::before
+{
+    content: '';
+    position: absolute;
+    top: -2px;
+    right: -2px;
+    bottom: -2px;
+    left: -2px;
+    background: linear-gradient(315deg,#591309,#fee4c1);
+    z-index: -1;
+    transform: skew(2deg,1deg);
+    border-radius: 10px;
+}
+.c-form h2
+{
+    color: #fff;
+    font-weight: 500;
+    text-transform: uppercase;
+    letter-spacing: 5px;
+    transition: transform 0.2s;
+}
+
+.c-form h2:hover
+{
+    scale: 1.05;
+    transition: transform 0.2s;
+}
+.c-form .c-input
+{
+    margin-top: 40px;
+    text-align: left;
+}
+.c-form .c-input .c-inputBox
+{
+    margin-top: 10px;
+}
+.c-form .c-input .c-inputBox label
+{
+    display: block;
+    color: #fff;
+    margin-bottom: 5px;
+    font-size: 18px;
+    letter-spacing: 1px;
+}
+.c-form .c-input .c-inputBox input
+{
+    position: relative;
+    width: 100%;
+    height: 40px;
+    border: none;
+    outline: none;
+    padding: 5px 15px;
+    background:linear-gradient(315deg,#591309,#fee4c1) ;
+    color: #fff;
+    font-size: 18px;
+    border-radius: 10px;
+}
+.c-form .c-input .c-inputBox input[type="submit"]
+{
+    cursor: pointer;
+    margin-top: 20px;
+    letter-spacing: 1px;
+}
+.c-form .c-input .c-inputBox input[type="submit"]:hover
+{
+    background:linear-gradient(315deg,#fee4c1,#591309) ;
+}
+.c-form .c-input .c-inputBox input[type="submit"]:active
+{
+    color: rgba(255, 255, 255, 0.521);
+    background:linear-gradient(315deg,#fee4c1,#591309) ;
+}

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

@@ -2,8 +2,8 @@
     display: grid;
     grid-template-columns: repeat(3, 2fr);
     gap: 20px;
-    max-width: 800px; /* Define a largura máxima do grid */
-    margin: 0 auto; /* Centraliza o grid na página */
+    max-width: 800px; 
+    margin: 0 auto; 
   }
 
 .card {
@@ -13,7 +13,7 @@
     border-radius: 15px;
     box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
     text-align: center;
-    line-height: 120px; /* Centraliza o texto verticalmente */
+    line-height: 120px; 
     font-size: 20px;
     font-weight: bold;
     color: #333;
@@ -26,11 +26,10 @@
     border-radius: 15px;
     box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
     text-align: center;
-    line-height: 50px; /* Centraliza o texto verticalmente */
+    line-height: 50px; 
     font-size: 10px;
     font-weight: bold;
     color: #333;
-    /* position: absolute; */
     transition: transform 0.2s;
     cursor: move;
   }

gestaoRaul/templates/static/midia/favicon/site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "MyWebSite",
+  "short_name": "MySite",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

gestaoRaul/templates/static/midia/icons/logout.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="118px" height="118px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+