@emailmaker/filemanager 0.0.8 → 0.0.9

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.
package/file-manager.css CHANGED
@@ -472,155 +472,155 @@
472
472
  /* .folderMenu :global(.ant-tree-treenode-selected) .folderLabelItem {
473
473
  color: #1890ff !important;
474
474
  } */
475
- .em-filemanager .container {
476
- position: fixed;
477
- top: 20px;
478
- left: 20px;
479
- z-index: 1000;
480
- max-width: 400px;
481
- min-width: 320px;
482
- }
483
-
484
- .em-filemanager .uploadCard {
485
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
486
- border-radius: 8px;
487
- border: 1px solid #d9d9d9;
488
- }
489
-
490
- .em-filemanager .header {
491
- display: flex;
492
- justify-content: space-between;
493
- align-items: center;
494
- width: 100%;
495
- }
496
-
497
- .em-filemanager .headerButton {
498
- padding: 0;
499
- width: 24px;
500
- height: 24px;
501
- display: flex;
502
- align-items: center;
503
- justify-content: center;
504
- }
505
-
506
- .em-filemanager .headerButton:hover {
507
- background-color: rgba(0, 0, 0, 0.04);
508
- }
509
-
510
- .em-filemanager .fileList {
511
- max-height: 300px;
512
- overflow-y: auto;
513
- }
514
-
515
- .em-filemanager .fileItem {
516
- padding: 8px 0 !important;
517
- border-bottom: 1px solid var(--colorBorderSecondary);
518
- }
519
-
520
- .em-filemanager .fileItem:last-child {
521
- border-bottom: none;
522
- }
523
-
524
- .em-filemanager .fileAvatar {
525
- background-color: transparent !important;
526
- }
527
-
528
- .em-filemanager .fileInfo {
529
- display: flex;
530
- flex-direction: column;
531
- gap: 2px;
532
- }
533
-
534
- .em-filemanager .fileName {
535
- font-size: 13px;
536
- line-height: 1.2;
537
- max-width: 200px;
538
- }
539
-
540
- .em-filemanager .fileSize {
541
- font-size: 11px;
542
- line-height: 1;
543
- }
544
-
545
- .em-filemanager .progressBar {
546
- margin-top: 4px;
547
- }
548
-
549
- .em-filemanager .errorNote {
550
- margin-top: 8px;
551
- padding: 8px;
552
- background-color: #fff2f0;
553
- border: 1px solid #ffccc7;
554
- border-radius: 4px;
555
- }
556
-
557
- /* Минимизированное состояние */
558
- .em-filemanager .minimizedContainer {
559
- position: fixed;
560
- top: 20px;
561
- left: 20px;
562
- z-index: 1000;
563
- }
564
-
565
- .em-filemanager .minimizedButton {
566
- font-size: 12px;
567
- height: 28px;
568
- padding: 0 12px;
569
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
570
- }
571
-
572
- /* Скроллбар для списка файлов */
573
- .em-filemanager .fileList::-webkit-scrollbar {
574
- width: 6px;
575
- }
576
-
577
- .em-filemanager .fileList::-webkit-scrollbar-track {
578
- background: #f1f1f1;
579
- border-radius: 3px;
580
- }
581
-
582
- .em-filemanager .fileList::-webkit-scrollbar-thumb {
583
- background: #c1c1c1;
584
- border-radius: 3px;
585
- }
586
-
587
- .em-filemanager .fileList::-webkit-scrollbar-thumb:hover {
588
- background: #a8a8a8;
589
- }
590
-
591
- /* Анимации */
592
- .em-filemanager .container {
593
- animation: slideInFromLeft 0.3s ease-out;
594
- }
595
-
596
- .em-filemanager .minimizedContainer {
597
- animation: slideInFromLeft 0.3s ease-out;
598
- }
599
-
600
- @keyframes slideInFromLeft {
601
- from {
602
- transform: translateX(-100%);
603
- opacity: 0;
604
- }
605
- to {
606
- transform: translateX(0);
607
- opacity: 1;
608
- }
609
- }
610
-
611
- /* Адаптивность */
612
- @media (max-width: 768px) {
613
- .em-filemanager .container {
614
- left: 10px;
615
- right: 10px;
616
- max-width: calc(100vw - 20px);
617
- min-width: auto;
618
- }
619
-
620
- .em-filemanager .minimizedContainer {
621
- left: 10px;
622
- }
623
- }
475
+ .em-filemanager .container {
476
+ position: fixed;
477
+ top: 20px;
478
+ left: 20px;
479
+ z-index: 1000;
480
+ max-width: 400px;
481
+ min-width: 320px;
482
+ }
483
+
484
+ .em-filemanager .uploadCard {
485
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
486
+ border-radius: 8px;
487
+ border: 1px solid #d9d9d9;
488
+ }
489
+
490
+ .em-filemanager .header {
491
+ display: flex;
492
+ justify-content: space-between;
493
+ align-items: center;
494
+ width: 100%;
495
+ }
496
+
497
+ .em-filemanager .headerButton {
498
+ padding: 0;
499
+ width: 24px;
500
+ height: 24px;
501
+ display: flex;
502
+ align-items: center;
503
+ justify-content: center;
504
+ }
505
+
506
+ .em-filemanager .headerButton:hover {
507
+ background-color: rgba(0, 0, 0, 0.04);
508
+ }
509
+
510
+ .em-filemanager .fileList {
511
+ max-height: 300px;
512
+ overflow-y: auto;
513
+ }
514
+
515
+ .em-filemanager .fileItem {
516
+ padding: 8px 0 !important;
517
+ border-bottom: 1px solid var(--colorBorderSecondary);
518
+ }
519
+
520
+ .em-filemanager .fileItem:last-child {
521
+ border-bottom: none;
522
+ }
523
+
524
+ .em-filemanager .fileAvatar {
525
+ background-color: transparent !important;
526
+ }
527
+
528
+ .em-filemanager .fileInfo {
529
+ display: flex;
530
+ flex-direction: column;
531
+ gap: 2px;
532
+ }
533
+
534
+ .em-filemanager .fileName {
535
+ font-size: 13px;
536
+ line-height: 1.2;
537
+ max-width: 200px;
538
+ }
539
+
540
+ .em-filemanager .fileSize {
541
+ font-size: 11px;
542
+ line-height: 1;
543
+ }
544
+
545
+ .em-filemanager .progressBar {
546
+ margin-top: 4px;
547
+ }
548
+
549
+ .em-filemanager .errorNote {
550
+ margin-top: 8px;
551
+ padding: 8px;
552
+ background-color: #fff2f0;
553
+ border: 1px solid #ffccc7;
554
+ border-radius: 4px;
555
+ }
556
+
557
+ /* Минимизированное состояние */
558
+ .em-filemanager .minimizedContainer {
559
+ position: fixed;
560
+ top: 20px;
561
+ left: 20px;
562
+ z-index: 1000;
563
+ }
564
+
565
+ .em-filemanager .minimizedButton {
566
+ font-size: 12px;
567
+ height: 28px;
568
+ padding: 0 12px;
569
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
570
+ }
571
+
572
+ /* Скроллбар для списка файлов */
573
+ .em-filemanager .fileList::-webkit-scrollbar {
574
+ width: 6px;
575
+ }
576
+
577
+ .em-filemanager .fileList::-webkit-scrollbar-track {
578
+ background: #f1f1f1;
579
+ border-radius: 3px;
580
+ }
581
+
582
+ .em-filemanager .fileList::-webkit-scrollbar-thumb {
583
+ background: #c1c1c1;
584
+ border-radius: 3px;
585
+ }
586
+
587
+ .em-filemanager .fileList::-webkit-scrollbar-thumb:hover {
588
+ background: #a8a8a8;
589
+ }
590
+
591
+ /* Анимации */
592
+ .em-filemanager .container {
593
+ animation: slideInFromLeft 0.3s ease-out;
594
+ }
595
+
596
+ .em-filemanager .minimizedContainer {
597
+ animation: slideInFromLeft 0.3s ease-out;
598
+ }
599
+
600
+ @keyframes slideInFromLeft {
601
+ from {
602
+ transform: translateX(-100%);
603
+ opacity: 0;
604
+ }
605
+ to {
606
+ transform: translateX(0);
607
+ opacity: 1;
608
+ }
609
+ }
610
+
611
+ /* Адаптивность */
612
+ @media (max-width: 768px) {
613
+ .em-filemanager .container {
614
+ left: 10px;
615
+ right: 10px;
616
+ max-width: calc(100vw - 20px);
617
+ min-width: auto;
618
+ }
619
+
620
+ .em-filemanager .minimizedContainer {
621
+ left: 10px;
622
+ }
623
+ }
624
624
 
625
625
  .em-filemanager .gifTab {
626
626
  padding: 16px;
@@ -1062,7 +1062,7 @@
1062
1062
  }
1063
1063
 
1064
1064
  .em-filemanager .status {
1065
- margin: 3px 0 0 0;
1065
+ margin: calc(var(--margin) * 1px) 0 0 0;
1066
1066
  }
1067
1067
 
1068
1068
  .em-filemanager .carousel {