@cecee/document-flip-book 1.0.15 → 1.0.17

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.
@@ -103,7 +103,7 @@ var ProjectCover = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
103
103
  className: "project-cover-border-inner",
104
104
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
105
105
  className: "project-cover-header",
106
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
106
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
107
107
  className: "project-cover-title",
108
108
  children: title
109
109
  })
@@ -244,7 +244,7 @@
244
244
  .ant-spin-nested-loading {
245
245
  width: 100%;
246
246
  height: 100%;
247
-
247
+
248
248
  .ant-spin-container {
249
249
  width: 100%;
250
250
  height: 100%;
@@ -331,7 +331,7 @@
331
331
  }
332
332
 
333
333
  .is-on-activeTab {
334
- right:12px !important;
334
+ right: 12px !important;
335
335
  }
336
336
 
337
337
  .dfb-book-wrapper {
@@ -414,6 +414,7 @@
414
414
  border-radius: 8px;
415
415
  padding: 24px;
416
416
  }
417
+
417
418
  .export-radio {
418
419
  .ant-radio-wrapper {
419
420
  padding: 8px 0;
@@ -549,8 +550,12 @@
549
550
  &.stf__item {
550
551
  background-color: transparent !important;
551
552
  box-shadow: none !important;
552
- &.--hard, &.--soft, &.--simple, &.--right {
553
- background-color: transparent !important;
553
+
554
+ &.--hard,
555
+ &.--soft,
556
+ &.--simple,
557
+ &.--right {
558
+ background-color: transparent !important;
554
559
  }
555
560
  }
556
561
 
@@ -569,17 +574,19 @@
569
574
  box-sizing: border-box;
570
575
  }
571
576
 
572
- .project-cover-header {
577
+ .project-cover-header {
573
578
  text-align: center;
574
579
  color: #000;
575
- padding: 8px 0;
580
+ // padding: 8px 0;
576
581
 
577
582
  .project-cover-title {
583
+ height: 110px;
584
+ line-height: 110px;
585
+
578
586
  font-size: 54px;
579
- margin: 0;
580
587
  font-weight: 900;
581
588
  letter-spacing: 8px;
582
- padding: 14px 0;
589
+ // margin: 22px 0;
583
590
  }
584
591
  }
585
592
 
@@ -592,7 +599,9 @@
592
599
  .stat-cell-label {
593
600
  flex: 1;
594
601
  text-align: center;
595
- padding: 8px;
602
+ height: 52px;
603
+ line-height: 52px;
604
+ // padding: 8px;
596
605
  border-right: 1px solid #000;
597
606
  display: flex;
598
607
  align-items: center;
@@ -603,7 +612,8 @@
603
612
  .stat-cell-value {
604
613
  flex: 1;
605
614
  text-align: center;
606
- padding: 8px;
615
+ height: 52px;
616
+ line-height: 52px;
607
617
  border-right: 1px solid #000;
608
618
  font-family: "Times New Roman", serif;
609
619
  font-size: 18px;
@@ -623,17 +633,20 @@
623
633
  .detail-row {
624
634
  display: flex;
625
635
  border-bottom: 1px solid #000;
636
+ height: 40px;
626
637
 
627
638
  .detail-label {
628
639
  width: 100px;
629
- padding: 8px;
640
+ padding-left: 28px;
641
+ line-height: 40px;
630
642
  font-weight: bold;
631
643
  border-right: 1px solid #000;
632
644
  }
633
645
 
634
646
  .detail-value {
647
+ padding-left: 28px;
648
+ line-height: 40px;
635
649
  flex: 1;
636
- padding: 8px;
637
650
  font-weight: 600;
638
651
  }
639
652
  }
@@ -647,7 +660,8 @@
647
660
  .footer-cell {
648
661
  flex: 1;
649
662
  text-align: center;
650
- padding: 10px;
663
+ height: 45px;
664
+ line-height: 45px;
651
665
  border-right: 1px solid #000;
652
666
  font-weight: bold;
653
667
  display: flex;
@@ -97,7 +97,7 @@ var ProjectCover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
97
97
  className: "project-cover-border-inner",
98
98
  children: [/*#__PURE__*/_jsx("div", {
99
99
  className: "project-cover-header",
100
- children: /*#__PURE__*/_jsx("h1", {
100
+ children: /*#__PURE__*/_jsx("div", {
101
101
  className: "project-cover-title",
102
102
  children: title
103
103
  })
@@ -244,7 +244,7 @@
244
244
  .ant-spin-nested-loading {
245
245
  width: 100%;
246
246
  height: 100%;
247
-
247
+
248
248
  .ant-spin-container {
249
249
  width: 100%;
250
250
  height: 100%;
@@ -331,7 +331,7 @@
331
331
  }
332
332
 
333
333
  .is-on-activeTab {
334
- right:12px !important;
334
+ right: 12px !important;
335
335
  }
336
336
 
337
337
  .dfb-book-wrapper {
@@ -414,6 +414,7 @@
414
414
  border-radius: 8px;
415
415
  padding: 24px;
416
416
  }
417
+
417
418
  .export-radio {
418
419
  .ant-radio-wrapper {
419
420
  padding: 8px 0;
@@ -549,8 +550,12 @@
549
550
  &.stf__item {
550
551
  background-color: transparent !important;
551
552
  box-shadow: none !important;
552
- &.--hard, &.--soft, &.--simple, &.--right {
553
- background-color: transparent !important;
553
+
554
+ &.--hard,
555
+ &.--soft,
556
+ &.--simple,
557
+ &.--right {
558
+ background-color: transparent !important;
554
559
  }
555
560
  }
556
561
 
@@ -569,17 +574,19 @@
569
574
  box-sizing: border-box;
570
575
  }
571
576
 
572
- .project-cover-header {
577
+ .project-cover-header {
573
578
  text-align: center;
574
579
  color: #000;
575
- padding: 8px 0;
580
+ // padding: 8px 0;
576
581
 
577
582
  .project-cover-title {
583
+ height: 110px;
584
+ line-height: 110px;
585
+
578
586
  font-size: 54px;
579
- margin: 0;
580
587
  font-weight: 900;
581
588
  letter-spacing: 8px;
582
- padding: 14px 0;
589
+ // margin: 22px 0;
583
590
  }
584
591
  }
585
592
 
@@ -592,7 +599,9 @@
592
599
  .stat-cell-label {
593
600
  flex: 1;
594
601
  text-align: center;
595
- padding: 8px;
602
+ height: 52px;
603
+ line-height: 52px;
604
+ // padding: 8px;
596
605
  border-right: 1px solid #000;
597
606
  display: flex;
598
607
  align-items: center;
@@ -603,7 +612,8 @@
603
612
  .stat-cell-value {
604
613
  flex: 1;
605
614
  text-align: center;
606
- padding: 8px;
615
+ height: 52px;
616
+ line-height: 52px;
607
617
  border-right: 1px solid #000;
608
618
  font-family: "Times New Roman", serif;
609
619
  font-size: 18px;
@@ -623,17 +633,20 @@
623
633
  .detail-row {
624
634
  display: flex;
625
635
  border-bottom: 1px solid #000;
636
+ height: 40px;
626
637
 
627
638
  .detail-label {
628
639
  width: 100px;
629
- padding: 8px;
640
+ padding-left: 28px;
641
+ line-height: 40px;
630
642
  font-weight: bold;
631
643
  border-right: 1px solid #000;
632
644
  }
633
645
 
634
646
  .detail-value {
647
+ padding-left: 28px;
648
+ line-height: 40px;
635
649
  flex: 1;
636
- padding: 8px;
637
650
  font-weight: 600;
638
651
  }
639
652
  }
@@ -647,7 +660,8 @@
647
660
  .footer-cell {
648
661
  flex: 1;
649
662
  text-align: center;
650
- padding: 10px;
663
+ height: 45px;
664
+ line-height: 45px;
651
665
  border-right: 1px solid #000;
652
666
  font-weight: bold;
653
667
  display: flex;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cecee/document-flip-book",
3
- "version": "1.0.15",
3
+ "version": "1.0.17",
4
4
  "description": "A high-performance document flipbook component based on React and Ant Design.",
5
5
  "publishConfig": {
6
6
  "access": "public"