artifactuse 0.3.2 → 0.4.1

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.
@@ -530,6 +530,81 @@
530
530
  font-size: 14px;
531
531
  }
532
532
 
533
+ /* ─── Binary file preview ─────────────────────────────────────────────────── */
534
+
535
+ .artifactuse-panel__binary {
536
+ display: flex;
537
+ align-items: center;
538
+ justify-content: center;
539
+ width: 100%;
540
+ height: 100%;
541
+ overflow: hidden;
542
+ }
543
+
544
+ .artifactuse-panel__binary--image img {
545
+ max-width: 100%;
546
+ max-height: 100%;
547
+ object-fit: contain;
548
+ display: block;
549
+ }
550
+
551
+ .artifactuse-panel__binary--audio audio {
552
+ width: 80%;
553
+ max-width: 480px;
554
+ }
555
+
556
+ .artifactuse-panel__binary--video video {
557
+ max-width: 100%;
558
+ max-height: 100%;
559
+ object-fit: contain;
560
+ }
561
+
562
+ .artifactuse-panel__binary--pdf {
563
+ align-items: stretch;
564
+ }
565
+
566
+ .artifactuse-panel__binary--pdf iframe {
567
+ width: 100%;
568
+ height: 100%;
569
+ border: none;
570
+ }
571
+
572
+ .artifactuse-panel__binary--font {
573
+ flex-direction: column;
574
+ gap: 1.5rem;
575
+ padding: 2rem;
576
+ overflow-y: auto;
577
+ text-align: center;
578
+ color: rgb(var(--artifactuse-text));
579
+ }
580
+
581
+ .artifactuse-panel__font-sample {
582
+ line-height: 1.8;
583
+ word-break: break-word;
584
+ font-size: 2rem;
585
+ }
586
+
587
+ .artifactuse-panel__font-sample--sm {
588
+ font-size: 1.25rem;
589
+ color: rgb(var(--artifactuse-text-muted));
590
+ }
591
+
592
+ .artifactuse-panel__binary--hex {
593
+ align-items: flex-start;
594
+ justify-content: flex-start;
595
+ overflow: auto;
596
+ }
597
+
598
+ .artifactuse-panel__hex-dump {
599
+ font-family: monospace;
600
+ font-size: 0.75rem;
601
+ line-height: 1.6;
602
+ padding: 1rem;
603
+ margin: 0;
604
+ white-space: pre;
605
+ color: rgb(var(--artifactuse-text));
606
+ }
607
+
533
608
  /* Split handle */
534
609
  .artifactuse-panel__split-handle {
535
610
  position: absolute;