aded printing button to page.
This commit is contained in:
@@ -120,8 +120,9 @@ table tbody tr.selected td {
|
|||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="scan-container" style="display: flex; flex-direction: row; gap: 20px; width: 100%; align-items: flex-start;">
|
<div class="scan-container" style="display: flex; flex-direction: row; gap: 20px; width: 100%; align-items: flex-start;">
|
||||||
<!-- Label Preview Card -->
|
<!-- Label Preview Card -->
|
||||||
<div class="card scan-form-card" style="display: flex; justify-content: center; align-items: center; min-height: 320px; width: 330px; flex-shrink: 0;">
|
<div class="card scan-form-card" style="display: flex; flex-direction: column; justify-content: flex-start; align-items: center; min-height: 480px; width: 330px; flex-shrink: 0; position: relative;">
|
||||||
<h3 style="position: absolute; top: 15px; left: 15px;">Label Preview</h3>
|
<div class="label-view-title" style="width: 100%; text-align: center; padding: 18px 0 0 0; font-size: 18px; font-weight: bold; letter-spacing: 0.5px;">Label View</div>
|
||||||
|
<h3 style="position: absolute; top: 15px; left: 15px; display: none;">Label Preview</h3>
|
||||||
<div id="label-preview" style="border: 1px solid #ddd; padding: 10px; position: relative; background: #fafafa; width: 301px; height: 434.7px;">
|
<div id="label-preview" style="border: 1px solid #ddd; padding: 10px; position: relative; background: #fafafa; width: 301px; height: 434.7px;">
|
||||||
<!-- 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; border: 2px solid #333; background: white;">
|
<div id="label-content" style="position: absolute; top: 65.7px; left: 11.34px; width: 227.4px; height: 321.3px; border: 2px solid #333; background: white;">
|
||||||
@@ -234,6 +235,10 @@ table tbody tr.selected td {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div style="width: 100%; display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: 18px;">
|
||||||
|
<label for="print-label-btn" style="font-size: 14px; font-weight: 500; color: var(--app-card-text); margin-bottom: 0;">Print selected order</label>
|
||||||
|
<button id="print-label-btn" class="btn btn-primary" style="font-size: 14px; padding: 6px 24px;">Print</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Data Preview Card -->
|
<!-- Data Preview Card -->
|
||||||
|
|||||||
@@ -59,3 +59,9 @@ body.dark-mode {
|
|||||||
background: #e11d48;
|
background: #e11d48;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Label preview card title theme styles */
|
||||||
|
.label-view-title {
|
||||||
|
color: var(--app-card-text) !important;
|
||||||
|
transition: color 0.2s;
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user