updated app

This commit is contained in:
Quality App Developer
2026-02-04 10:54:00 +02:00
parent 4784d1395c
commit 572b5af570

View File

@@ -147,7 +147,7 @@
<!-- Label Preview Section --> <!-- Label Preview Section -->
<div id="label-preview" style="padding: 10px; position: relative; background: #fafafa; width: 301px; height: 434.7px; margin: 0 auto;"> <div id="label-preview" style="padding: 10px; position: relative; background: #fafafa; width: 301px; height: 434.7px; margin: 0 auto;">
<!-- Label content rectangle --> <!-- Label content rectangle -->
<div id="label-content" style="position: absolute; top: 65.7px; left: 11.34px; width: 227.4px; height: 321.3px; background: white;"> <div id="label-content" style="position: absolute; top: 65.7px; left: 11.34px; width: 227.4px; height: 321.3px; background: white; z-index: 10;">
<!-- Top row content: Company name (removed) --> <!-- Top row content: Company name (removed) -->
<div style="position: absolute; top: 0; left: 0; right: 0; height: 32.13px; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 12px; color: #000; z-index: 10;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 32.13px; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 12px; color: #000; z-index: 10;">
@@ -229,9 +229,9 @@
</div> </div>
<!-- Barcode Frame - positioned 10px below rectangle, centered, constrained to label width --> <!-- Barcode Frame - positioned 10px below rectangle, centered, constrained to label width -->
<div id="barcode-frame" style="position: absolute; bottom: 10px; left: 11.34px; width: 227.4px; z-index: 5; text-align: center;"> <div id="barcode-frame" style="position: absolute; bottom: 10px; left: 11.34px; width: 227.4px; height: 60px; z-index: 15; text-align: center;">
<!-- Code 128 Barcode representation --> <!-- Code 128 Barcode representation -->
<svg id="barcode-display" style="display: block; margin: 0 auto; height: 50px;"></svg> <svg id="barcode-display" style="display: block; margin: 0 auto; height: 50px; width: 100%;"></svg>
<!-- Barcode text below the bars (hidden in preview) --> <!-- Barcode text below the bars (hidden in preview) -->
<div id="barcode-text" style="font-size: 8px; font-family: 'Courier New', monospace; margin-top: 2px; text-align: center; font-weight: bold; display: none;"> <div id="barcode-text" style="font-size: 8px; font-family: 'Courier New', monospace; margin-top: 2px; text-align: center; font-weight: bold; display: none;">
@@ -240,9 +240,9 @@
</div> </div>
<!-- Vertical Barcode Frame - positioned on the right side, rotated 90 degrees, spans the height of main rectangle --> <!-- Vertical Barcode Frame - positioned on the right side, rotated 90 degrees, spans the height of main rectangle -->
<div id="vertical-barcode-frame" style="position: absolute; right: 0; top: 65.7px; width: 32px; height: 321.3px; z-index: 5; display: flex; align-items: center; justify-content: center;"> <div id="vertical-barcode-frame" style="position: absolute; right: 0; top: 65.7px; width: 40px; height: 321.3px; z-index: 15; display: flex; align-items: center; justify-content: center;">
<!-- Vertical Code 128 Barcode representation --> <!-- Vertical Code 128 Barcode representation -->
<svg id="vertical-barcode-display" style="width: 100%; height: auto; transform: rotate(-90deg); transform-origin: center;"></svg> <svg id="vertical-barcode-display" style="width: auto; height: 100%; transform: rotate(-90deg); transform-origin: center;"></svg>
<!-- Vertical barcode text (hidden in preview) --> <!-- Vertical barcode text (hidden in preview) -->
<div id="vertical-barcode-text" style="position: absolute; bottom: -15px; font-size: 7px; font-family: 'Courier New', monospace; text-align: center; font-weight: bold; width: 100%; display: none;"> <div id="vertical-barcode-text" style="position: absolute; bottom: -15px; font-size: 7px; font-family: 'Courier New', monospace; text-align: center; font-weight: bold; width: 100%; display: none;">