From 26af9888462b711ea4f00fc5f1bd599c3ecc1adc Mon Sep 17 00:00:00 2001 From: Welton Moura Date: Sun, 5 Jan 2025 14:23:44 -0300 Subject: [PATCH] =?UTF-8?q?page=20comanda=20e=20barra=20navega=C3=A7=C3=A3?= =?UTF-8?q?o=20resposivo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- gestaoRaul/comandas/templates/comandas.html | 32 ++-- gestaoRaul/db.sqlite3 | Bin 237568 -> 237568 bytes gestaoRaul/templates/base.html | 56 +++++-- gestaoRaul/templates/static/base.css | 138 ++++++++++++++---- gestaoRaul/templates/static/base.js | 10 ++ .../static/comandas/css/comandas.css | 60 +++++--- 6 files changed, 214 insertions(+), 82 deletions(-) create mode 100644 gestaoRaul/templates/static/base.js diff --git a/gestaoRaul/comandas/templates/comandas.html b/gestaoRaul/comandas/templates/comandas.html index 201c60b..b59c71a 100644 --- a/gestaoRaul/comandas/templates/comandas.html +++ b/gestaoRaul/comandas/templates/comandas.html @@ -17,21 +17,23 @@ Comandas
{% for comanda in comandas %} - - -
-
{{comanda.name}} | {{comanda.mesa}}

-

Aberta ás: {{comanda.dt_open|date:"H:i"}}

- - -
- +
+ +
+ {{comanda.name}} | {{comanda.mesa}} +
+
+

+ Aberta ás: {{comanda.dt_open|date:"H:i"}} +

+ +
{% endfor %} diff --git a/gestaoRaul/db.sqlite3 b/gestaoRaul/db.sqlite3 index 3c667da12d38a15fc8c0463cef9825414012b074..d9faaf306798b6b357a5169617cbeb032472b793 100644 GIT binary patch delta 2077 zcmZ{kdu$X{6vk)H%-rqvac{e6yR9X#?pACF9cE@{W*^wt7Aq+RXw!rUG*J2iT4+n5 zTT#hY97QxrQMxzAs(^nKNt6=QMG$C2NQi-gQ4+;a#UK)@LVyrZ(Rl>Jqs?aX-N$dg zdvd(K|Wy@c@Aa1xIvdIe~6tJ1u3`vh+d@W-? zt|tBIv7|?W#`Lslf}1I0ybR0a(@7=ZLsez-E9cCl1CPNv#E#o6VtLmB7RN+^UK>$x9`WU(fkcZc^7)DCKUZc=uFi9(Pgi4mjrt zm!~kUM@<`dX`N?NZPE3^blXnI^=Lj>iw1*HNfCpRB8B9PWbi{ck?Y01>=M-KCi!Fv zX(mhXS;C^dXgAFsf+8Qjg|Cu!)PvTdPEtu`kP`AT=^^itTO@|QMaSv9AqcRo$@N1p z6&^x2&}DQHokM5PQFI9HL?57j)Q8?c8_WW?adE`4kO47E1n6>PjU%fq!O-qVnZ^lBQ2HyEO%s?v$)ieW=jw>InwAX);qEUdF&(Voatg)l7AnCEiNAa$soGr1T6Fr z7sFdS0<3bRgR;Xgjcuj!Fho5Jb7#BL+D6bo*A0Uax0)!N&mzB)Gvpxo9REfLd7QjP z){^b`6yApq;UCFi@)1ek(_}K4M`n=_{+d+bkI5~Zz_-ay@kYEJH=s$vHTvo)kX_SJ9=a}!(l1WID;_i-KZ`qY3z>))qDquN)wJpx zSOh53%&Wl3s|I2&4uBbO0_y@hu-RY-mg@xOg*J;}b+8lb20O79uoKG!J29`5ST5L! zb%UK)4K&;4gV1CfAZWDbyP&~rZ?f?;OikelZ-sLf=4V+guYgrNlje*%=ZK zfzkr81KM$j<>{v)Z2io~u~mG^(@X;uIyfIK z9)yW>_8=6|?m=iwyTbhc*<9vLUg_YLy7;sTrZ8E%7cK&yv5qOEz55|Ixp+TJ1m3)8 zo9GJ%z-NtGtx*o$cL36?=}da;08Fw*g~`!%T%Lzp03+1Z%e`JCY!{vv<_WTp&R^ia zDCWTHT=(MGXfPq04Wqz8i`=2ilYx5%o|| zRTN>i-{`!Xx)+inT11zG3cs;xJSZ%xAxR7B7Su5w6cTkQu1i7Ns(nmKiJC>JK{ccV zajxHJ8xIPLnjDeU2=)eyl{R#Lt4ybm2?c{n1hcx|Sm9X3@9U_E>7u4YB5DwK`;FG| z4%AFY)x%-j;x}5xgMwy&;gF=_Ouw=GK}d~idOWJBqOK`=SOu@&ST;5l)l4g0F_Q+f z3roj@RI741qG@5f^5*d%Rg}Y8Sktk2tC~>Ux_kHZ%B)I?N>;CQC88r{Fkm#=USm+Y z7?w2i-XazSjE3%P*xsS`C k)d@~UxMo+tSY$2a(X9zC1!2Zqc#8Tc=S?0-aMRuY0YGTPEdT%j delta 902 zcmZWnU2GIp7@hmw*_qDJ`M%v+y6x7;Hfxm-I^Ef}DwU00!AjAPHY7x#!QCoGO4QXD zjT+Oc^@j(OHPHP?XoL`xmKVU(IO4;)FC{2HEgCSfNzp!74GK+w7*WwXT@xRC`OeKb z=bn7$<_?!}xQvBHQTpKab)xif_BmG!?45DzMCPpp_uU0o_zNyHittMsRgWWHcTQj* zjXAY`O%k50-kS}3JiZp5S=JJ=w2T(jgtnaDSPOA}APu`?H5o-JDwRyNw|J=}1f~Yf z5)FJZ4NXRGW^2!;hyBZGXc&+ytTr|eL6?kHMJM~hXHAYyz&uYJ1BdeyVBGC>dL8bX zl$YvgcQnoT$!u2PR##i%TRWZqXv;&J)@R}mW*+t1j=;IP+sG7~jaiEtXcaw0Ih-TG z^<`KYquuxi-oUF^pdMOBX?ll->1FzmZgRE^3F|jw(fHYzH)j2jGOPx*N{ilPNC6HE zR3KM@Yy}=)0{_pGu+P*(QV8C64z||>r;xWalS{Le#Wb{v=h>Tv&WaqDCPBHcw>Xd~TAZ{um|#iMi+i&(&0^gUgmY5I~T zX^aYZjcVySPSDddM3?as9K&C6o(8C&*5ed;c-UNK>c(I85B7KVH})BO$}ZWyecV1` zA2xFK0Un!yD+cbtH}MJHe;zz>gJ;ged)4?VzJP;t2W~ftJoq*2P%kqn{oF-pt@^k3 z9BhsJ*IOoaX^B?8HK%I7$nGWRY7A6}(YO|RB@j2(2ZY`eOn=WMcr7ef&`vfN)i>y; z{>ezThAdrbqDj5fLEiZ{98`wxQB!uwG^Le(4Xxm^6BxLgWa<9_oc}`Tp-RH%E*$tY zE=8}d{JS`mmvL@B4qy3K^KzHzKlT|EP5;V}tP9KT&?zGn~!G5+geTqMi>GWtHJ* Pig+YQi~3VVdB61!x?%1- diff --git a/gestaoRaul/templates/base.html b/gestaoRaul/templates/base.html index d0e12e4..4eff707 100644 --- a/gestaoRaul/templates/base.html +++ b/gestaoRaul/templates/base.html @@ -16,23 +16,50 @@ {% block 'title' %}{% endblock %}
- - - - --> +
@@ -40,5 +67,6 @@ {% block 'body' %} {% endblock %} + \ No newline at end of file diff --git a/gestaoRaul/templates/static/base.css b/gestaoRaul/templates/static/base.css index 786ba75..94b708a 100644 --- a/gestaoRaul/templates/static/base.css +++ b/gestaoRaul/templates/static/base.css @@ -1,36 +1,116 @@ +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500&display=swap'); body { - margin: 15px; + margin: 0px 0px 0px 0px; padding: 15px; font-family: Arial, sans-serif; } -/* .sidebar { - height: 100vh; - width: 200px; - background-color: #f1f1f1; - padding: 20px; - position: fixed; - top: 0; - left: 0; -} - -.content { - margin-left: 220px; - padding: 20px; -} - -ul { - list-style-type: none; +/* * { padding: 0; -} - -li a { - display: block; - padding: 15px; - text-decoration: none; - color: #333; -} - -li a:hover { - background-color: #ccc; + margin: 0; + font-family: 'Inter', sans-serif; } */ + +.p-header { + background-color: #24252a; + box-shadow: 0px 3px 10px #464646; +} + +.nav-bar { + display: flex; + justify-content: space-between; + padding: 0.1rem 2rem; +} + +.logo { + display: flex; + align-items: center; +} + +.logo h1 { + color: #fff; +} + +.nav-list { + display: flex; + align-items: center; +} + +.nav-list ul { + display: flex; + justify-content: center; + list-style: none; +} + +.nav-item { + margin: 0 15px; +} + +.nav-link { + text-decoration: none; + font-size: 1.15rem; + color: #fff; + font-weight: 400; +} + +.login-button button { + border: none; + padding: 10px 15px; + border-radius: 5px; + background-color: #0187a7; +} + +.login-button button a { + text-decoration: none; + color: #fff; + font-weight: 500; + font-size: 1.1rem; +} + +.mobile-menu-icon { + display: none; +} + +.mobile-menu { + display: none; +} + +@media screen and (max-width: 730px) { + .nav-bar { + padding: 0.1rem 2rem; + } + .nav-item { + display: none; + } + .login-button { + display: none; + } + .mobile-menu-icon { + display: block; + } + .mobile-menu-icon button { + background-color: transparent; + border: none; + cursor: pointer; + } + .mobile-menu ul { + display: flex; + flex-direction: column; + text-align: center; + padding-bottom: 1rem; + } + .mobile-menu .nav-item { + display: block; + padding-top: 1.2rem; + } + .mobile-menu .login-button { + display: block; + padding: 1rem 2rem; + } + .mobile-menu .login-button button { + width: 100%; + } + .open { + display: block; + } +} diff --git a/gestaoRaul/templates/static/base.js b/gestaoRaul/templates/static/base.js new file mode 100644 index 0000000..1460f2b --- /dev/null +++ b/gestaoRaul/templates/static/base.js @@ -0,0 +1,10 @@ +function menuShow() { + let menuMobile = document.querySelector('.mobile-menu'); + if (menuMobile.classList.contains('open')) { + menuMobile.classList.remove('open'); + document.querySelector('.icon').src = "https://raw.githubusercontent.com/Larissakich/menu_responsivo/6e3b09504434628c1b01f65b7d8ccf6ace3225cb/menu%20responsivo/assets/img/menu_white_36dp.svg"; + } else { + menuMobile.classList.add('open'); + document.querySelector('.icon').src = "https://raw.githubusercontent.com/Larissakich/menu_responsivo/6e3b09504434628c1b01f65b7d8ccf6ace3225cb/menu%20responsivo/assets/img/close_white_36dp.svg"; + } +} \ No newline at end of file diff --git a/gestaoRaul/templates/static/comandas/css/comandas.css b/gestaoRaul/templates/static/comandas/css/comandas.css index 857d154..0fb38a3 100644 --- a/gestaoRaul/templates/static/comandas/css/comandas.css +++ b/gestaoRaul/templates/static/comandas/css/comandas.css @@ -1,24 +1,27 @@ .grid-container { - display: grid; - grid-template-columns: repeat(3, 2fr); - gap: 20px; - max-width: 90%; /* Define a largura máxima do grid */ - margin: 0 auto; /* Centraliza o grid na página */ - } + display: grid; + grid-template-columns: repeat(5, 2fr); + gap: 10px; + max-width: 95%; + margin-top: 40px; + /* margin: 0 auto; */ +} -.card { - width: 120px; - height: 120px; - background-color: #f2f2f2; - border-radius: 15px; - box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); - text-align: center; - line-height: 50px; /* Centraliza o texto verticalmente */ - font-size: 20px; - font-weight: bold; - color: #333; - transition: transform 0.2s; - } + +.card-comanda { + width: 80%; + /* min-width: 220px; + min-height: 250px; */ + background-color: #292929; + border-radius: 10px 10px 5px 5px; + box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); + text-align: center; + line-height: 30px; + font-size: 15px; + font-weight: bold; + color: #333; + transition: transform 0.2s; +} .card:hover { transform: scale(1.05); @@ -79,9 +82,18 @@ input, textarea { } -@media (min-width: 768px) { - .grid-containerid { - grid-template-columns: repeat(3, 1fr); - /* grid-template-columns: repeat(auto-fit, minmax(2%, 3fr)); */ - } +@media (max-width: 768px) { + .grid-container { + display: flex; + flex-wrap: wrap; + justify-content: space-between; } + + .card-comanda { + width: 31%; + font-size: 15px; + font-weight: bold; + color: #333; + transition: transform 0.2s; + } +}