mirror of
https://github.com/welton89/RRBEC.git
synced 2026-04-05 13:35:42 +00:00
style: size navbar desktop
This commit is contained in:
Binary file not shown.
Binary file not shown.
@@ -35,6 +35,7 @@ RRB&C - DashBoard
|
|||||||
</div>
|
</div>
|
||||||
<img src="{% static 'midia/icons/cart.svg' %}" >
|
<img src="{% static 'midia/icons/cart.svg' %}" >
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-resumo">
|
<div class="card-resumo">
|
||||||
<div>
|
<div>
|
||||||
<p>Ticket médio</p>
|
<p>Ticket médio</p>
|
||||||
@@ -42,10 +43,12 @@ RRB&C - DashBoard
|
|||||||
</div>
|
</div>
|
||||||
<img src="{% static 'midia/icons/ticket.svg' %}" >
|
<img src="{% static 'midia/icons/ticket.svg' %}" >
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<h4> Mais vendidos </h4>
|
<h4> Mais vendidos </h4>
|
||||||
<canvas id="vendas" style="width:100%;height: 85%;max-width:100%;"></canvas>
|
<canvas id="vendas" style="width:100%;height: 85%;max-width:100%;"></canvas>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<h4>Tempo médio na cozinha</h4>
|
<h4>Tempo médio na cozinha</h4>
|
||||||
<div style="width:95%;max-width:100%;padding: 10px 30px 10px 30px;">
|
<div style="width:95%;max-width:100%;padding: 10px 30px 10px 30px;">
|
||||||
|
|||||||
@@ -11,10 +11,7 @@
|
|||||||
<link rel="shortcut icon" href="{% static 'midia/favicon/favicon.ico' %}" />
|
<link rel="shortcut icon" href="{% static 'midia/favicon/favicon.ico' %}" />
|
||||||
{% load pwa %}
|
{% load pwa %}
|
||||||
{% progressive_web_app_meta %}
|
{% progressive_web_app_meta %}
|
||||||
<link
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css">
|
||||||
rel="stylesheet"
|
|
||||||
href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css"
|
|
||||||
>
|
|
||||||
<link rel="stylesheet" href="{% static 'base.css' %}">
|
<link rel="stylesheet" href="{% static 'base.css' %}">
|
||||||
{% block 'head' %}
|
{% block 'head' %}
|
||||||
|
|
||||||
@@ -22,8 +19,9 @@
|
|||||||
<title> {% block 'title' %}{% endblock %} </title>
|
<title> {% block 'title' %}{% endblock %} </title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<div>
|
|
||||||
<header class="p-header">
|
<header>
|
||||||
|
<div class="p-header">
|
||||||
<nav class="nav-bar">
|
<nav class="nav-bar">
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<h1>
|
<h1>
|
||||||
@@ -71,6 +69,7 @@
|
|||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
<div class="header-mobile">
|
<div class="header-mobile">
|
||||||
|
|
||||||
<button class="nav-toggle"><i for="menu-toggle" class="fas fa-bars"></i></button>
|
<button class="nav-toggle"><i for="menu-toggle" class="fas fa-bars"></i></button>
|
||||||
@@ -113,12 +112,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
</div>
|
|
||||||
<br>
|
<br>
|
||||||
<body>
|
|
||||||
{% block 'body' %}
|
{% block 'body' %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
<script src="{% static 'htmx_base.js' %}"></script>
|
<script src="{% static 'htmx_base.js' %}"></script>
|
||||||
@@ -127,7 +125,7 @@
|
|||||||
<div id="toast" class="toast">
|
<div id="toast" class="toast">
|
||||||
<p id="toast-message"></p>
|
<p id="toast-message"></p>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -58,7 +58,7 @@
|
|||||||
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
margin: 70px 0px 0px 0px;
|
margin-top: 70px;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1{
|
h1{
|
||||||
@@ -172,6 +172,9 @@ input, textarea, select {
|
|||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
|
height: 60px;
|
||||||
|
align-items: center;
|
||||||
|
align-content: center;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -179,6 +182,7 @@ input, textarea, select {
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: 0.1rem 1rem;
|
padding: 0.1rem 1rem;
|
||||||
|
align-self: center;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -186,6 +190,7 @@ input, textarea, select {
|
|||||||
display: flex;
|
display: flex;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
height: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -217,9 +222,18 @@ input, textarea, select {
|
|||||||
grid-template-columns: repeat(2, 0.5fr);
|
grid-template-columns: repeat(2, 0.5fr);
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
margin-top: 10px;
|
margin-top: 0px;
|
||||||
|
height: 60px;
|
||||||
|
width: 180px;
|
||||||
gap: 10px;}
|
gap: 10px;}
|
||||||
|
|
||||||
|
#user-info {
|
||||||
|
width: 120px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
.logout-button button a {
|
.logout-button button a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
@@ -413,6 +427,9 @@ input, textarea, select {
|
|||||||
.nav-bar {
|
.nav-bar {
|
||||||
display:none;
|
display:none;
|
||||||
}
|
}
|
||||||
|
header .p-header {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
margin: 8px 0px 0px 0px;
|
margin: 8px 0px 0px 0px;
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
grid-template-columns: repeat(3, 2fr);
|
grid-template-columns: repeat(3, 2fr);
|
||||||
gap: 30px;
|
gap: 30px;
|
||||||
max-width: 1200px;
|
max-width: 1200px;
|
||||||
margin: 0px 0px 20px 0px;
|
margin: 0px 0px 30px 0px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user