ske087/quality_recticel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

centered preview in the create location page

Browse Source
This commit is contained in:
Scheianu Ionut
2025-10-05 09:40:03 +03:00
parent 16641193de
commit 97b9ae9fe2
1 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
py_app/app/templates/create_locations.html
View File

@@ -5,8 +5,8 @@
<style> <style>
/* Barcode label preview */ /* Barcode label preview */
#barcode-label-preview { #barcode-label-preview {
width: 4cm; width: 8cm;
height: 8cm; height: 4cm;
border: 2px solid #333; border: 2px solid #333;
background: white; background: white;
display: flex; display: flex;
@@ -15,6 +15,7 @@
justify-content: center; justify-content: center;
margin: 10px auto; margin: 10px auto;
position: relative; position: relative;
box-shadow: 0 2px 8px rgba(0,0,0,0.07);
} }
#barcode-label-preview .location-text { #barcode-label-preview .location-text {
@@ -25,8 +26,15 @@
} }
#barcode-label-preview #location-barcode { #barcode-label-preview #location-barcode {
display: block;
margin: 0 auto;
max-width: 90%; max-width: 90%;
max-height: 60%; max-height: 70%;
}
#barcode-label-preview #barcode-placeholder {
text-align: center;
width: 100%;
} }
.print-section { .print-section {
@@ -83,12 +91,14 @@
<h3 style="font-size: 1.1em; margin-bottom: 12px;">Print Location Barcode</h3> <h3 style="font-size: 1.1em; margin-bottom: 12px;">Print Location Barcode</h3>
<!-- Label Preview --> <!-- Label Preview -->
<div id="barcode-label-preview"> <div id="barcode-label-preview" style="display: flex; align-items: center; justify-content: center;">
<div class="location-text"> <div style="width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;">
<div id="location-code-display">Select a location</div> <div class="location-text">
<div id="location-code-display">Select a location</div>
</div>
<canvas id="location-barcode" style="display: none;"></canvas>
<div id="barcode-placeholder" style="color: #999; font-style: italic; text-align: center;">No location selected</div>
</div> </div>
<canvas id="location-barcode" style="display: none;"></canvas>
<div id="barcode-placeholder" style="color: #999; font-style: italic;">No location selected</div>
</div> </div>
<!-- Print Controls --> <!-- Print Controls -->