pingu_98/cara
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

created some css properties for header components

Browse source
This commit is contained in:
Luis Aleixo 2021-08-26 10:44:56 +02:00
parent f52a206728
commit 23de05928e
2 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
cara/apps/calculator/static/css/report.css
View file

@ -51,6 +51,16 @@ p.notes {
font-size: 13px; font-size: 13px;
} }
#cara_logo {
height: 150px;
margin: 1%
}
#pdf-qr-code {
margin-right: 1%;
width: 100pt;
}
.red_bkg { .red_bkg {
color: #000000; color: #000000;
background-color: #CD5C5C; background-color: #CD5C5C;

4
cara/apps/calculator/templates/base/calculator.report.html.j2
View file

@ -18,13 +18,13 @@
{% block report_header %} {% block report_header %}
<div id="report-header-div" class="d-flex flex-row"> <div id="report-header-div" class="d-flex flex-row">
<img src="/static/images/cara_logo.200x200.png" class="d-inline-block align-middle" style="height:150px; margin: 1%"> <img id="cara_logo" src="/static/images/cara_logo.200x200.png" class="d-inline-block align-middle">
<div class="d-flex align-self-center flex-column mr-auto" style="margin-left: 1em;"> <div class="d-flex align-self-center flex-column mr-auto" style="margin-left: 1em;">
<h2 class="text-component-title mb-0">CARA - CALCULATOR REPORT</h1> <h2 class="text-component-title mb-0">CARA - CALCULATOR REPORT</h1>
<p class="mb-0"> Created {{ creation_date }} using CARA calculator version v{{ form.calculator_version }}</p> <p class="mb-0"> Created {{ creation_date }} using CARA calculator version v{{ form.calculator_version }}</p>
</div> </div>
<button type="button" class="btn btn-outline-dark align-self-center" style="margin-right: -100pt" id="download-pdf" onclick="generate_pdf_version('{{qr_code.link}}')">Download PDF</button> <button type="button" class="btn btn-outline-dark align-self-center" style="margin-right: -100pt" id="download-pdf" onclick="generate_pdf_version('{{qr_code.link}}')">Download PDF</button>
<img id="pdf-qr-code" class="align-self-center invisible" style="margin-right: 1%; width:100pt;" src="{{ qr_code.image }}"/> <img id="pdf-qr-code" class="align-self-center invisible" src="{{ qr_code.image }}"/>
</div> </div>
{% endblock report_header %} {% endblock report_header %}