mirror of
https://github.com/ae-utbm/sith.git
synced 2025-07-01 07:35:17 +00:00
fix alignments & spacing issue
This commit is contained in:
parent
cbd88d3659
commit
d1fca48f7a
@ -1,9 +1,17 @@
|
|||||||
|
|
||||||
|
@media (max-width: 750px) {
|
||||||
|
.title {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.profile {
|
.profile {
|
||||||
&-visible {
|
&-visible {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 5px;
|
gap: 5px;
|
||||||
|
padding-top: 10px;
|
||||||
|
|
||||||
>input[type="checkbox"] {
|
>input[type="checkbox"] {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@ -39,6 +47,7 @@
|
|||||||
|
|
||||||
@media (max-width: 750px) {
|
@media (max-width: 750px) {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
padding: 10px 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-display {
|
&-display {
|
||||||
@ -86,16 +95,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&-fields {
|
&-fields {
|
||||||
padding: 20px 0;
|
padding: 10px 10px 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
||||||
@media (max-width: 750px) {
|
|
||||||
gap: 20px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&-field {
|
&-field {
|
||||||
|
@ -1,3 +1,10 @@
|
|||||||
|
.container {
|
||||||
|
padding: 10px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
.row {
|
.row {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
@ -8,6 +15,7 @@
|
|||||||
gap: 30px;
|
gap: 30px;
|
||||||
|
|
||||||
@media (max-width: 535px) {
|
@media (max-width: 535px) {
|
||||||
|
gap: 20px;
|
||||||
|
|
||||||
>div,
|
>div,
|
||||||
>div>.flexed {
|
>div>.flexed {
|
||||||
|
@ -10,7 +10,7 @@
|
|||||||
{%- endblock -%}
|
{%- endblock -%}
|
||||||
|
|
||||||
{%- block content -%}
|
{%- block content -%}
|
||||||
<h2>{%- trans -%}Edit user profile{%- endtrans -%}</h2>
|
<h2 class="title">{%- trans -%}Edit user profile{%- endtrans -%}</h2>
|
||||||
<form action="" method="post" enctype="multipart/form-data" id="user_edit">
|
<form action="" method="post" enctype="multipart/form-data" id="user_edit">
|
||||||
|
|
||||||
{%- csrf_token -%}
|
{%- csrf_token -%}
|
||||||
|
@ -10,6 +10,7 @@
|
|||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
{% if profile.permanencies %}
|
{% if profile.permanencies %}
|
||||||
<div>
|
<div>
|
||||||
@ -35,21 +36,24 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h3>{% trans %}Product top 10{% endtrans %}</h3>
|
<div>
|
||||||
<table>
|
<h3>{% trans %}Product top 10{% endtrans %}</h3>
|
||||||
<thead>
|
<table>
|
||||||
<tr>
|
<thead>
|
||||||
<td>{% trans %}Product{% endtrans %}</td>
|
<tr>
|
||||||
<td>{% trans %}Quantity{% endtrans %}</td>
|
<td>{% trans %}Product{% endtrans %}</td>
|
||||||
</tr>
|
<td>{% trans %}Quantity{% endtrans %}</td>
|
||||||
</thead>
|
</tr>
|
||||||
<tbody>
|
</thead>
|
||||||
{% for p in top_product %}
|
<tbody>
|
||||||
<tr>
|
{% for p in top_product %}
|
||||||
<td>{{ p['product__name'] }}</td>
|
<tr>
|
||||||
<td>{{ p['product_sum'] }}</td>
|
<td>{{ p['product__name'] }}</td>
|
||||||
</tr>
|
<td>{{ p['product_sum'] }}</td>
|
||||||
{% endfor %}
|
</tr>
|
||||||
</tbody>
|
{% endfor %}
|
||||||
</table>
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
Loading…
x
Reference in New Issue
Block a user