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"> <body class="antialiased break-words bg-white">
<!-- Company logo, company details --> <!-- 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="grid grid-cols-12">
<div class="absolute col-span-4 p-6 pb-10 bg-white"> <div class="absolute col-span-4 p-6 pb-10 bg-white">
<img <img

View File

@ -29,7 +29,7 @@
<body class="$global-margin bg-white break-words antialiased"> <body class="$global-margin bg-white break-words antialiased">
<!-- Logo, company details & company address --> <!-- 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 <img
src="$company.logo" src="$company.logo"
alt="$company.name" alt="$company.name"

View File

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

View File

@ -23,7 +23,7 @@
<body class="$global-margin antialiased bg-white break-words"> <body class="$global-margin antialiased bg-white break-words">
<!-- Client details, company details, company logo --> <!-- 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 --> <!-- Client details -->
<div class="col-span-4"> <div class="col-span-4">
<div id="client-details"></div> <div id="client-details"></div>

View File

@ -13,7 +13,7 @@
<body class="$global-margin antialiased bg-white break-words"> <body class="$global-margin antialiased bg-white break-words">
<!-- Company logo, entity details --> <!-- 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"> <div class="col-span-6">
<img <img
src="$company.logo" src="$company.logo"
@ -24,7 +24,10 @@
<div class="flex flex-col items-end col-span-6"> <div class="flex flex-col items-end col-span-6">
<table id="entity-details"></table> <table id="entity-details"></table>
</div> </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"> <p class="text-xl font-semibold uppercase">
$your_entity_label $your_entity_label
</p> </p>

View File

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

View File

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

View File

@ -13,7 +13,7 @@
<body class="$global-margin antialiased break-words bg-white"> <body class="$global-margin antialiased break-words bg-white">
<!-- Company name, company address, company logo --> <!-- 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">$company.name</div>
<div class="col-span-4" id="company-address"></div> <div class="col-span-4" id="company-address"></div>
<div class="col-span-4"> <div class="col-span-4">

View File

@ -24,7 +24,7 @@
<body class="$global-margin antialiased bg-white break-words"> <body class="$global-margin antialiased bg-white break-words">
<!-- Company logo, entity details --> <!-- 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"> <div class="col-span-4">
<img <img
src="$company.logo" src="$company.logo"