welton/RRBEC
1
0
Fork 0
mirror of https://github.com/welton89/RRBEC.git synced 2026-04-05 13:35:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

brincando com css

Browse Source
This commit is contained in:
Welton Moura
2024-12-16 20:54:18 -03:00
parent a840781473
commit 1e0e4d7b6f
12 changed files with 2861 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
gestaoRaul/templates/static/comandas/css/comandas.css
View File

@@ -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)); */
}
}

2
gestaoRaul/templates/static/comandas/css/viewcomanda.css
View File

@@ -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 */

2
gestaoRaul/templates/static/comandas/js/comandas.js
View File

@@ -1,5 +1,7 @@
function openModal() {
document.getElementById('Modal-create-comanda').style.display = 'block';
// HTMLDialogElement.show()
// HTMLDialogElement.showModal()
}
function closeModal() {