From 3dae764fc8fc0a3dfec536c72344bd946e47c1ba Mon Sep 17 00:00:00 2001 From: Welton Moura Date: Mon, 13 Jan 2025 16:52:34 -0300 Subject: [PATCH] feat: menu dropdown in navbar --- gestaoRaul/db.sqlite3 | Bin 262144 -> 262144 bytes gestaoRaul/templates/base.html | 38 +++++++----- gestaoRaul/templates/static/base.css | 54 +++++++++++++++++- .../static/comandas/css/comandas.css | 10 +++- gestaoRaul/templates/static/home/css/home.css | 11 ++-- 5 files changed, 87 insertions(+), 26 deletions(-) diff --git a/gestaoRaul/db.sqlite3 b/gestaoRaul/db.sqlite3 index ad0a1ded29eba4364bd735f8413c2ad0e6b6bfbe..5d435dda9a035e477045b080fa111fcac403760b 100644 GIT binary patch delta 42 ycmZo@5NK!+m>|u_H&Mo!k*_hKHGy$!0@KWRHX~C5T{DCB|M5)Q|Hm^kE&u=#%ng75 delta 42 ycmZo@5NK!+m>|u_JyFJ)k-IUWHGy$!0@KWRHe&+=T~pKc|M5)Q|Hm^kE&u=#1r2%t diff --git a/gestaoRaul/templates/base.html b/gestaoRaul/templates/base.html index d7f2423..23fc834 100644 --- a/gestaoRaul/templates/base.html +++ b/gestaoRaul/templates/base.html @@ -1,7 +1,6 @@ {% load static %} - @@ -26,10 +25,20 @@
@@ -44,24 +53,25 @@ + +
+
  • Cadastros
    • +
    + Produtos + Categorias + Clientes + +
    +
    +
    - - - diff --git a/gestaoRaul/templates/static/base.css b/gestaoRaul/templates/static/base.css index 391b3d5..00256f0 100644 --- a/gestaoRaul/templates/static/base.css +++ b/gestaoRaul/templates/static/base.css @@ -1,8 +1,11 @@ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500&display=swap'); body { margin: 70px 0px 0px 0px; - /* padding: 15px; - font-family: Arial, sans-serif; */ + /* padding: 15px; */ +} + +h1{ +text-align: center; } * { @@ -61,7 +64,6 @@ body { border: none; padding: 10px 15px; border-radius: 5px; - background-color: #0187a7; margin-top: 10px; } @@ -80,7 +82,53 @@ body { display: none; } +/* .dropbtn { + background-color: #04AA6D; + color: white; + padding: 16px; + font-size: 16px; + border: none; + } + */ + .dropdown { + position: relative; + display: inline-block; + color: #fff; + } + + .dropdown-content { + display: none; + position: absolute; + border-radius: 5px; + background-color: #313238; + min-width: 160px; + box-shadow: 0px 3px 10px #464646; + } + + .dropdown-content a { + color: rgb(255, 255, 255); + padding: 12px 16px; + text-decoration: none; + display: block; + } + + .dropdown-content a:hover { + background-color: #7a7a7a; + border-radius: 5px; +} + + .dropdown:hover .dropdown-content {display: block;} + + /* .dropdown:hover .dropbtn {background-color: #3e8e41;} */ + @media screen and (max-width: 730px) { + .dropdown-content { + display: none; + margin-top: 40px; + position: relative; + border-radius: 0px; + min-width: 160px; + } .nav-bar { padding: 0.1rem 2rem; } diff --git a/gestaoRaul/templates/static/comandas/css/comandas.css b/gestaoRaul/templates/static/comandas/css/comandas.css index 73af2b7..125e02c 100644 --- a/gestaoRaul/templates/static/comandas/css/comandas.css +++ b/gestaoRaul/templates/static/comandas/css/comandas.css @@ -3,7 +3,7 @@ grid-template-columns: repeat(5, 2fr); gap: 10px; max-width: 95%; - margin-top: 40px; + margin: 40px; /* margin: 0 auto; */ } @@ -24,7 +24,7 @@ transition: transform 0.2s; } -.card:hover { +.card-comanda:hover { transform: scale(1.05); box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); } @@ -99,4 +99,10 @@ input, textarea { color: #333; transition: transform 0.2s; } + + .card-comanda:hover { + transform: scale(1); + box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); + } + } diff --git a/gestaoRaul/templates/static/home/css/home.css b/gestaoRaul/templates/static/home/css/home.css index ede78b2..33124ff 100644 --- a/gestaoRaul/templates/static/home/css/home.css +++ b/gestaoRaul/templates/static/home/css/home.css @@ -17,7 +17,7 @@ border-radius: 10px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); text-align: center; - line-height: 30px; /* Centraliza o texto verticalmente */ + line-height: 30px; font-size: 20px; font-weight: bold; padding: 10px; @@ -25,10 +25,7 @@ transition: transform 0.2s; } -.card:hover { - transform: scale(1.05); - box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); - } + @media screen and (max-width: 730px) { @@ -38,13 +35,11 @@ width: 99%; grid-template-columns: repeat(1, 1fr); gap: 20px; - /* max-width: 1200px; */ margin: 5px; } .card { width: 95%; - /* height: 80%; */ background-color: #2b376e; text-align: center; line-height: 30px; @@ -54,4 +49,6 @@ color: #333; transition: transform 0.2s; } + + } \ No newline at end of file