Fix: EÜR-Spaltenbreiten in Web und PDF angepasst
This commit is contained in:
parent
0b3aed91a6
commit
ad2715b52a
2 changed files with 31 additions and 13 deletions
|
|
@ -91,6 +91,15 @@ HTML;
|
||||||
<p class="subtitle">{$firma} · Geschäftsjahr {$year}</p>
|
<p class="subtitle">{$firma} · Geschäftsjahr {$year}</p>
|
||||||
|
|
||||||
<table class="euer-table">
|
<table class="euer-table">
|
||||||
|
<colgroup>
|
||||||
|
<col style="width:6mm">
|
||||||
|
<col style="width:51mm">
|
||||||
|
<col style="width:26mm">
|
||||||
|
<col style="width:3mm">
|
||||||
|
<col style="width:6mm">
|
||||||
|
<col style="width:51mm">
|
||||||
|
<col style="width:26mm">
|
||||||
|
</colgroup>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th colspan="3">Betriebseinnahmen</th>
|
<th colspan="3">Betriebseinnahmen</th>
|
||||||
|
|
@ -98,9 +107,9 @@ HTML;
|
||||||
<th colspan="3">Betriebsausgaben</th>
|
<th colspan="3">Betriebsausgaben</th>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="sub-header">
|
<tr class="sub-header">
|
||||||
<th>Kto.</th><th>Bezeichnung</th><th>Betrag</th>
|
<th style="width:6mm">Kto.</th><th style="width:51mm">Bezeichnung</th><th style="width:26mm;text-align:right">Betrag</th>
|
||||||
<th class="sep"></th>
|
<th class="sep" style="width:3mm"></th>
|
||||||
<th>Kto.</th><th>Bezeichnung</th><th>Betrag</th>
|
<th style="width:6mm">Kto.</th><th style="width:51mm">Bezeichnung</th><th style="width:26mm;text-align:right">Betrag</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
|
|
@ -133,14 +142,14 @@ HTML;
|
||||||
body { font-family: DejaVu Sans, sans-serif; font-size: 9pt; }
|
body { font-family: DejaVu Sans, sans-serif; font-size: 9pt; }
|
||||||
h1 { font-size: 14pt; margin-bottom: 2mm; }
|
h1 { font-size: 14pt; margin-bottom: 2mm; }
|
||||||
.subtitle { font-size: 9pt; color: #555; margin-bottom: 8mm; }
|
.subtitle { font-size: 9pt; color: #555; margin-bottom: 8mm; }
|
||||||
.euer-table { width: 100%; border-collapse: collapse; font-size: 8.5pt; }
|
.euer-table { width: 100%; border-collapse: collapse; font-size: 8.5pt; table-layout: fixed; }
|
||||||
.euer-table thead th { background: #1e293b; color: #fff; padding: 2mm; text-align: left; }
|
.euer-table thead th { background: #1e293b; color: #fff; padding: 2mm; text-align: left; }
|
||||||
.euer-table .sub-header th { background: #334155; color: #e2e8f0; font-size: 7.5pt; }
|
.euer-table .sub-header th { background: #334155; color: #e2e8f0; font-size: 7.5pt; }
|
||||||
.euer-table tbody tr:nth-child(even) { background: #f8f8f8; }
|
.euer-table tbody tr:nth-child(even) { background: #f8f8f8; }
|
||||||
.euer-table tbody td { padding: 1.5mm 2mm; border-bottom: 0.2pt solid #e0e0e0; }
|
.euer-table tbody td { padding: 1.5mm 2mm; border-bottom: 0.2pt solid #e0e0e0; }
|
||||||
.konto-nr { width: 12mm; color: #555; }
|
.konto-nr { width: 6mm; color: #555; }
|
||||||
.konto-bez { }
|
.konto-bez { width: 57mm; }
|
||||||
.konto-val { width: 24mm; text-align: right; font-family: DejaVu Sans Mono, monospace; }
|
.konto-val { width: 21mm; text-align: right; font-family: DejaVu Sans Mono, monospace; }
|
||||||
.sep { width: 3mm; background: #fff; }
|
.sep { width: 3mm; background: #fff; }
|
||||||
.total-row td { padding: 2mm; background: #e8ecf0; border-top: 1pt solid #555; font-size: 9pt; }
|
.total-row td { padding: 2mm; background: #e8ecf0; border-top: 1pt solid #555; font-size: 9pt; }
|
||||||
.gewinn-row td { padding: 3mm; }
|
.gewinn-row td { padding: 3mm; }
|
||||||
|
|
|
||||||
|
|
@ -13,21 +13,30 @@ $fmt = fn($v) => View::formatMoney($v);
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="table-wrap">
|
<div class="table-wrap">
|
||||||
<table>
|
<table style="table-layout:fixed;width:100%">
|
||||||
|
<colgroup>
|
||||||
|
<col style="width:100px">
|
||||||
|
<col>
|
||||||
|
<col style="width:150px">
|
||||||
|
<col style="width:20px">
|
||||||
|
<col style="width:100px">
|
||||||
|
<col>
|
||||||
|
<col style="width:150px">
|
||||||
|
</colgroup>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th colspan="3" style="background:#16a34a;color:#fff;text-align:center">Betriebseinnahmen</th>
|
<th colspan="3" style="background:#16a34a;color:#fff;text-align:center">Betriebseinnahmen</th>
|
||||||
<th style="width:20px;background:#f0f0f0"></th>
|
<th style="background:#f0f0f0"></th>
|
||||||
<th colspan="3" style="background:#dc2626;color:#fff;text-align:center">Betriebsausgaben</th>
|
<th colspan="3" style="background:#dc2626;color:#fff;text-align:center">Betriebsausgaben</th>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<th style="width:80px">Kto.</th>
|
<th>Kto.</th>
|
||||||
<th>Bezeichnung</th>
|
<th>Bezeichnung</th>
|
||||||
<th class="td-right" style="width:120px">Betrag</th>
|
<th class="td-right">Betrag</th>
|
||||||
<th style="background:#f0f0f0"></th>
|
<th style="background:#f0f0f0"></th>
|
||||||
<th style="width:80px">Kto.</th>
|
<th>Kto.</th>
|
||||||
<th>Bezeichnung</th>
|
<th>Bezeichnung</th>
|
||||||
<th class="td-right" style="width:120px">Betrag</th>
|
<th class="td-right">Betrag</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue