invoiceninja logo into modern footer

This commit is contained in:
Benjamin Beganović 2020-09-16 13:27:28 +02:00
parent 0f791fdb7f
commit 449316582a

View File

@ -13,6 +13,8 @@
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
} }
p { p {
@ -29,7 +31,7 @@
padding: 1.5rem; padding: 1.5rem;
} }
.header-container .company-name { .header-container .company-name {
font-size: 2.5rem; font-size: 2rem;
} }
#entity-details { #entity-details {
@ -92,15 +94,17 @@
} }
.footer-wrapper { .footer-wrapper {
margin-top: 1rem;
background-color: #f46521;
padding: 1rem;
}
.footer-content {
display: grid; display: grid;
gap: 15px; gap: 15px;
width: 100%; width: 100%;
padding: 1.5rem;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
background-color: #f46521;
color: #fff4e9; color: #fff4e9;
margin-right: 1rem;
margin-top: 1rem;
} }
#company-address, #company-address,
@ -122,7 +126,7 @@
#product-table-footer > * { #product-table-footer > * {
display: grid; display: grid;
grid-template-columns: 3fr 1fr 1fr; grid-template-columns: 3fr 1fr 1fr;
margin-top: .5rem; margin-top: 0.5rem;
margin-right: 1.5rem; margin-right: 1.5rem;
margin-left: 1.5rem; margin-left: 1.5rem;
} }
@ -175,14 +179,12 @@
<div id="product-table-footer" cellspacing="0"></div> <div id="product-table-footer" cellspacing="0"></div>
</body> </body>
<div class="footer-wrapper"> <div class="footer-wrapper" id="footer">
<div> <div class="footer-content">
<!-- Placeholder for offset --> <div><!-- Placeholder for offset --></div>
<div id="company-details"></div>
<div id="company-address"></div>
</div> </div>
<div id="company-details"></div>
<div id="company-address"></div>
</div> </div>
<div id="footer"></div>
</html> </html>