@bluechaine/print-designer 0.1.1 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2425,7 +2425,7 @@ video {
2425
2425
  }
2426
2426
  .svp-preview__body {
2427
2427
  flex: 1 1 auto;
2428
- min-height: min(72vh, 640px);
2428
+ min-height: 240px;
2429
2429
  padding: 16px;
2430
2430
  overflow: auto;
2431
2431
  background: #e2e8f0;
@@ -2446,6 +2446,60 @@ video {
2446
2446
  color: var(--svp-fg-muted);
2447
2447
  font-size: 14px;
2448
2448
  }
2449
+ .svp-preview__print-bar {
2450
+ display: flex;
2451
+ align-items: center;
2452
+ flex-wrap: wrap;
2453
+ gap: 8px;
2454
+ padding: 10px 16px;
2455
+ border-top: 1px solid var(--svp-border);
2456
+ background: var(--svp-bg);
2457
+ }
2458
+ .svp-preview__status {
2459
+ font-size: 13px;
2460
+ color: var(--svp-fg-muted);
2461
+ }
2462
+ .svp-preview__status.is-connected {
2463
+ color: var(--svp-success, #16a34a);
2464
+ }
2465
+ .svp-preview__printer-select {
2466
+ min-width: 180px;
2467
+ max-width: min(320px, 100%);
2468
+ height: 32px;
2469
+ padding: 0 8px;
2470
+ border: 1px solid var(--svp-border);
2471
+ background: var(--svp-bg);
2472
+ color: var(--svp-fg);
2473
+ font-size: 13px;
2474
+ }
2475
+ .svp-preview__printer-empty {
2476
+ font-size: 13px;
2477
+ color: var(--svp-fg-muted);
2478
+ }
2479
+ .svp-preview__batch-bar {
2480
+ border-top: none;
2481
+ padding-top: 0;
2482
+ }
2483
+ .svp-preview__batch-label {
2484
+ display: inline-flex;
2485
+ align-items: center;
2486
+ gap: 6px;
2487
+ font-size: 13px;
2488
+ color: var(--svp-fg);
2489
+ }
2490
+ .svp-preview__batch-input {
2491
+ width: 72px;
2492
+ height: 28px;
2493
+ padding: 0 8px;
2494
+ border: 1px solid var(--svp-border);
2495
+ background: var(--svp-bg);
2496
+ color: var(--svp-fg);
2497
+ font-size: 13px;
2498
+ }
2499
+ .svp-preview__batch-hint {
2500
+ font-size: 12px;
2501
+ color: var(--svp-fg-muted);
2502
+ }
2449
2503
  .svp-preview__footer {
2450
2504
  justify-content: flex-end;
2451
2505
  flex-wrap: wrap;