@blinkk/root-cms 1.0.0-beta.1 → 1.0.0-beta.3

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.
Files changed (3) hide show
  1. package/dist/ui/ui.css +45 -1
  2. package/dist/ui/ui.js +3077 -820
  3. package/package.json +3 -3
package/dist/ui/ui.css CHANGED
@@ -594,6 +594,50 @@
594
594
  flex-direction: column;
595
595
  gap: 24px;
596
596
  }
597
+ .DocEditor__ImageField__imagePreview {
598
+ margin-bottom: 10px;
599
+ }
600
+ .DocEditor__ImageField__imagePreview__image {
601
+ background: #f5f5f5;
602
+ border: 1px solid #dedede;
603
+ aspect-ratio: 16/9;
604
+ width: 100%;
605
+ overflow: hidden;
606
+ padding: 10px;
607
+ margin-bottom: 10px;
608
+ }
609
+ .DocEditor__ImageField__imagePreview__image img {
610
+ display: block;
611
+ width: 100%;
612
+ height: 100%;
613
+ object-fit: contain;
614
+ object-position: center;
615
+ }
616
+ .DocEditor__ImageField__noImage {
617
+ font-family: var(--font-family-mono);
618
+ margin: 10px 0;
619
+ }
620
+ .DocEditor__ImageField__uploadButton {
621
+ display: inline-flex;
622
+ align-items: center;
623
+ cursor: pointer;
624
+ background: #25262b;
625
+ border-radius: 4px;
626
+ padding: 0 14px;
627
+ height: 30px;
628
+ color: #ffffff;
629
+ font-weight: 600;
630
+ transition: all 0.3s ease;
631
+ }
632
+ .DocEditor__ImageField__uploadButton[aria-disabled=true] {
633
+ opacity: 0.5;
634
+ }
635
+ .DocEditor__ImageField__uploadButton input[type=file] {
636
+ display: none;
637
+ }
638
+ .DocEditor__ImageField__uploadButton__icon {
639
+ margin-right: 10px;
640
+ }
597
641
 
598
642
  /* ui/components/PublishDocModal/PublishDocModal.css */
599
643
  .PublishDocModal .mantine-Modal-title {
@@ -635,7 +679,7 @@
635
679
  display: block;
636
680
  width: 100%;
637
681
  border: 1px solid #dedede;
638
- padding: 4px 8px;
682
+ padding: 6px 8px;
639
683
  font-family: inherit;
640
684
  font-size: 12px;
641
685
  }