Separate header section on templates

This commit is contained in:
Benjamin Beganović 2020-08-26 12:51:54 +02:00
parent e965aded06
commit 09dc17d3dc
9 changed files with 13 additions and 10 deletions

View File

@ -19,7 +19,7 @@
<body class="antialiased break-words bg-white">
<!-- Company logo, company details -->
<div class="$global-padding static bg-gray-800">
<div class="$global-padding static bg-gray-800" id="header">
<div class="grid grid-cols-12">
<div class="absolute col-span-4 p-6 pb-10 bg-white">
<img

View File

@ -29,7 +29,7 @@
<body class="$global-margin bg-white break-words antialiased">
<!-- Logo, company details & company address -->
<div class="flex grid items-start grid-cols-12 gap-4">
<div class="flex grid items-start grid-cols-12 gap-4" id="header">
<img
src="$company.logo"
alt="$company.name"

View File

@ -19,7 +19,7 @@
<body class="$global-margin bg-white break-words antialiased">
<!-- Company logo, company details -->
<div class="grid grid-cols-12 px-2">
<div class="grid grid-cols-12 px-2" id="header">
<img
src="$company_logo"
alt="$company_name logo"

View File

@ -23,7 +23,7 @@
<body class="$global-margin antialiased bg-white break-words">
<!-- Client details, company details, company logo -->
<div class="grid grid-cols-12 gap-4">
<div class="grid grid-cols-12 gap-4" id="header">
<!-- Client details -->
<div class="col-span-4">
<div id="client-details"></div>

View File

@ -13,7 +13,7 @@
<body class="$global-margin antialiased bg-white break-words">
<!-- Company logo, entity details -->
<div class="grid grid-cols-12 gap-4 pb-6 border-b-4 border-black">
<div class="grid grid-cols-12 gap-4 pb-6 border-b-4 border-black" id="header">
<div class="col-span-6">
<img
src="$company.logo"
@ -24,7 +24,10 @@
<div class="flex flex-col items-end col-span-6">
<table id="entity-details"></table>
</div>
<div class="col-span-6">
</div>
<div class="grid grid-cols-12">
<div class="col-span-6 py-6">
<p class="text-xl font-semibold uppercase">
$your_entity_label
</p>

View File

@ -13,7 +13,7 @@
<body class="$global-margin antialiased break-words bg-white">
<!-- Company details, address, client details, company logo -->
<div class="grid grid-cols-12 gap-4">
<div class="grid grid-cols-12 gap-4" id="header">
<div class="col-span-4 pl-4 border-l border-black">
<div id="company-details">
<p class="font-semibold text-yellow-600 uppercase">

View File

@ -13,7 +13,7 @@
<body class="antialiased break-words bg-white">
<!-- Company name, entity details -->
<div class="bg-orange-600">
<div class="bg-orange-600" id="header">
<div class="$global-padding">
<div class="grid grid-cols-12">
<div class="col-span-4">

View File

@ -13,7 +13,7 @@
<body class="$global-margin antialiased break-words bg-white">
<!-- Company name, company address, company logo -->
<div class="grid grid-cols-12 gap-4">
<div class="grid grid-cols-12 gap-4" id="header">
<div class="col-span-4">$company.name</div>
<div class="col-span-4" id="company-address"></div>
<div class="col-span-4">

View File

@ -24,7 +24,7 @@
<body class="$global-margin antialiased bg-white break-words">
<!-- Company logo, entity details -->
<div class="grid grid-cols-12 gap-4">
<div class="grid grid-cols-12 gap-4" id="header">
<div class="col-span-4">
<img
src="$company.logo"