aded printing button to page.

This commit is contained in:
2025-09-20 13:17:12 +03:00
parent 65a90986fe
commit c4d82e36f2
2 changed files with 13 additions and 2 deletions

View File

@@ -120,8 +120,9 @@ table tbody tr.selected td {
{% block content %}
<div class="scan-container" style="display: flex; flex-direction: row; gap: 20px; width: 100%; align-items: flex-start;">
<!-- 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;">
<h3 style="position: absolute; top: 15px; left: 15px;">Label Preview</h3>
<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;">
<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;">
<!-- 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;">
@@ -234,6 +235,10 @@ table tbody tr.selected td {
</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>
<!-- Data Preview Card -->

View File

@@ -59,3 +59,9 @@ body.dark-mode {
background: #e11d48;
color: #fff;
}
/* Label preview card title theme styles */
.label-view-title {
color: var(--app-card-text) !important;
transition: color 0.2s;
}