fix: website order page style

This commit is contained in:
prssanna 2021-01-27 17:41:15 +05:30
parent 2d1d900c88
commit 74feaf85dc

View File

@ -8,7 +8,7 @@
{% block title %}{{ doc.name }}{% endblock %} {% block title %}{{ doc.name }}{% endblock %}
{% block header %} {% block header %}
<h1 class="m-0">{{ doc.name }}</h1> <h2 class="m-0">{{ doc.name }}</h2>
{% endblock %} {% endblock %}
{% block header_actions %} {% block header_actions %}
@ -33,7 +33,7 @@
<div class="row transaction-subheading"> <div class="row transaction-subheading">
<div class="col-6"> <div class="col-6">
<span class="indicator {{ doc.indicator_color or ("blue" if doc.docstatus==1 else "darkgrey") }}"> <span class="indicator-pill {{ doc.indicator_color or ("blue" if doc.docstatus==1 else "darkgrey") }}">
{% if doc.doctype == "Quotation" and not doc.docstatus %} {% if doc.doctype == "Quotation" and not doc.docstatus %}
{{ _("Pending") }} {{ _("Pending") }}
{% else %} {% else %}
@ -41,7 +41,7 @@
{% endif %} {% endif %}
</span> </span>
</div> </div>
<div class="col-6 text-muted text-right small"> <div class="col-6 text-muted text-right small pt-3">
{{ frappe.utils.format_date(doc.transaction_date, 'medium') }} {{ frappe.utils.format_date(doc.transaction_date, 'medium') }}
{% if doc.valid_till %} {% if doc.valid_till %}
<p> <p>
@ -66,38 +66,39 @@
{% endif %} {% endif %}
<div class="order-container"> <div class="order-container">
<!-- items --> <!-- items -->
<div class="order-item-table"> <table class="order-item-table w-100 table">
<div class="row order-items order-item-header text-muted"> <thead class="order-items order-item-header">
<div class="col-sm-6 col-6 h6 text-uppercase"> <th width="60%">
{{ _("Item") }} {{ _("Item") }}
</div> </th>
<div class="col-sm-3 col-xs-3 text-right h6 text-uppercase"> <th width="20%" class="text-right">
{{ _("Quantity") }} {{ _("Quantity") }}
</div> </th>
<div class="col-sm-3 col-xs-3 text-right h6 text-uppercase"> <th width="20%" class="text-right">
{{ _("Amount") }} {{ _("Amount") }}
</div> </th>
</div> </thead>
<tbody>
{% for d in doc.items %} {% for d in doc.items %}
<div class="row order-items"> <tr class="order-items">
<div class="col-sm-6 col-6"> <td>
{{ item_name_and_description(d) }} {{ item_name_and_description(d) }}
</div> </td>
<div class="col-sm-3 col-xs-3 text-right"> <td class="text-right">
{{ d.qty }} {{ d.qty }}
{% if d.delivered_qty is defined and d.delivered_qty != None %} {% if d.delivered_qty is defined and d.delivered_qty != None %}
<p class="text-muted small">{{ _("Delivered") }}&nbsp;{{ d.delivered_qty }}</p> <p class="text-muted small">{{ _("Delivered") }}&nbsp;{{ d.delivered_qty }}</p>
{% endif %} {% endif %}
</div> </td>
<div class="col-sm-3 col-xs-3 text-right"> <td class="text-right">
{{ d.get_formatted("amount") }} {{ d.get_formatted("amount") }}
<p class="text-muted small">{{ _("Rate:") }}&nbsp;{{ d.get_formatted("rate") }}</p> <p class="text-muted small">{{ _("Rate:") }}&nbsp;{{ d.get_formatted("rate") }}</p>
</div> </td>
</div> </tr>
{% endfor %} {% endfor %}
</div> </tbody>
</table>
<!-- taxes --> <!-- taxes -->
<div class="order-taxes d-flex justify-content-end"> <div class="order-taxes d-flex justify-content-end">
<table> <table>