mirror of
https://github.com/welton89/RRBEC.git
synced 2026-04-05 13:35:42 +00:00
brincando com css
This commit is contained in:
@@ -13,24 +13,24 @@ Comandas
|
||||
{% block 'body' %}
|
||||
|
||||
<body>
|
||||
<div class="grid-container">
|
||||
<button class="button" id="openModal">Abrir Comanda</button>
|
||||
<button id="openModal">Abrir Comanda</button>
|
||||
<div class="container ">
|
||||
|
||||
{% for comanda in comandas %}
|
||||
|
||||
<a href="{% url 'viewcomanda' %}?parametro={{ comanda.id }}"><div class="card" >
|
||||
{{comanda.name}} <br>
|
||||
<a href="{% url 'viewcomanda' %}?parametro={{ comanda.id }}"><article >
|
||||
<header> {{comanda.name}} </header><br>
|
||||
{{comanda.mesa}}
|
||||
|
||||
</div></a>
|
||||
</article></a>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="modal" id="Modal-create-comanda">
|
||||
<div class="modal-content">
|
||||
<dialog id="Modal-create-comanda">
|
||||
<article >
|
||||
<form id="form-comanda" method="post" action="{% url 'createComanda' %}">
|
||||
{% csrf_token %}
|
||||
<h2>Abrir Comanda</h2>
|
||||
@@ -45,8 +45,8 @@ Comandas
|
||||
<button type="submit">Abrir</button>
|
||||
<button type="button" onclick="closeModal()" style="background-color:red;">Fechar</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</dialog >
|
||||
</body>
|
||||
<script src="{% static 'comandas/js/comandas.js' %}"></script>
|
||||
|
||||
|
||||
Binary file not shown.
Binary file not shown.
@@ -26,7 +26,14 @@ SECRET_KEY = 'django-insecure-mqcnrs5!hc6bj$�@@9d8^2@x#w&$qhk3vlr5_)3znd9h6&d8
|
||||
# SECURITY WARNING: don't run with debug turned on in production!
|
||||
DEBUG = True
|
||||
|
||||
ALLOWED_HOSTS = []
|
||||
ALLOWED_HOSTS = [
|
||||
'192.168.0.100',
|
||||
'http://192.168.0.100',
|
||||
'https://192.168.0.100',
|
||||
'192.168.0.100/24',
|
||||
'localhost',
|
||||
'127.0.0.1',
|
||||
]
|
||||
|
||||
|
||||
# Application definition
|
||||
|
||||
@@ -19,8 +19,8 @@ Produtos
|
||||
|
||||
<body>
|
||||
<div class="grid-container">
|
||||
<div><input type="text"></div>
|
||||
<button class="button" id="openModal">Adicionar Novo Produto</button>
|
||||
<div class="pico"><input class="pico" type="text"></div>
|
||||
<button class="pico" id="openModal">Adicionar Novo Produto</button>
|
||||
|
||||
{% for product in products %}
|
||||
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="stylesheet" href="{% static 'base.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'pico.css' %}">
|
||||
<script src="{% static 'htmx_base.js' %}"></script>
|
||||
{% block 'head' %}
|
||||
|
||||
@@ -17,9 +17,9 @@
|
||||
</head>
|
||||
<div>
|
||||
|
||||
aqui o menu
|
||||
<!-- aqui o menu -->
|
||||
|
||||
<div class="sidebar">
|
||||
<nav >
|
||||
<ul>
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="{% url 'mesas' %}">Mesas</a></li>
|
||||
@@ -28,10 +28,10 @@
|
||||
<li><a href="#">Categorias</a></li>
|
||||
<li><a href="#">Sobre</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="content">
|
||||
</nav>
|
||||
<!-- <div class="content">
|
||||
<h1>Bem-vindo ao meu site!</h1>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
4
gestaoRaul/templates/static/base2min.css
Normal file
4
gestaoRaul/templates/static/base2min.css
Normal file
File diff suppressed because one or more lines are too long
@@ -1,14 +1,14 @@
|
||||
.grid-container {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 2fr);
|
||||
grid-template-columns: repeat(4, 2fr);
|
||||
gap: 20px;
|
||||
max-width: 800px; /* Define a largura máxima do grid */
|
||||
margin: 0 auto; /* Centraliza o grid na página */
|
||||
}
|
||||
|
||||
.card {
|
||||
width: 220px;
|
||||
height: 220px;
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
background-color: #f2f2f2;
|
||||
border-radius: 15px;
|
||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
|
||||
@@ -77,3 +77,11 @@ input, textarea {
|
||||
border-radius: 5px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.grid-containerid {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
/* grid-template-columns: repeat(auto-fit, minmax(2%, 3fr)); */
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
.grid-container {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 2fr);
|
||||
grid-template-columns: repeat(1, 2fr);
|
||||
gap: 10px;
|
||||
max-width: 800px; /* Define a largura máxima do grid */
|
||||
margin: 0 auto; /* Centraliza o grid na página */
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
function openModal() {
|
||||
document.getElementById('Modal-create-comanda').style.display = 'block';
|
||||
// HTMLDialogElement.show()
|
||||
// HTMLDialogElement.showModal()
|
||||
}
|
||||
|
||||
function closeModal() {
|
||||
|
||||
4
gestaoRaul/templates/static/pico.classless.blue.min.css
vendored
Normal file
4
gestaoRaul/templates/static/pico.classless.blue.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
2813
gestaoRaul/templates/static/pico.css
Normal file
2813
gestaoRaul/templates/static/pico.css
Normal file
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user