updated app
This commit is contained in:
@@ -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;">
|
||||||
|
|||||||
Reference in New Issue
Block a user