@semi-bot/semi-theme-fn_photo 1.0.4 → 1.0.5

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/README.md CHANGED
@@ -5,11 +5,11 @@ Operator: Zuri
5
5
 
6
6
  ## Compatibility
7
7
 
8
- Compatible with Semi Foundation Version 2.90.1 or newer.
8
+ Compatible with Semi Foundation Version 2.91.0-beta.0 or newer.
9
9
 
10
10
  ## Version Release Note
11
11
 
12
-
12
+ 调整:按钮圆角调整,圆角按钮调整为胶囊按钮
13
13
 
14
14
 
15
15
  ## Manual
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-fn_photo",
3
- "version": "1.0.4",
3
+ "version": "1.0.5",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -1022,11 +1022,11 @@
1022
1022
  "$height-button_iconOnly_default": "36px"
1023
1023
  },
1024
1024
  "radius": {
1025
- "$radius-button": "8px",
1026
- "$radius-button_splitButtonGroup_first_topLeft": "8px",
1027
- "$radius-button_splitButtonGroup_last_topRight": "8px",
1028
- "$radius-button_splitButtonGroup_first_bottomLeft": "8px",
1029
- "$radius-button_splitButtonGroup_last_bottomRight": "8px"
1025
+ "$radius-button": "999px",
1026
+ "$radius-button_splitButtonGroup_first_topLeft": "999px",
1027
+ "$radius-button_splitButtonGroup_last_topRight": "999px",
1028
+ "$radius-button_splitButtonGroup_first_bottomLeft": "999px",
1029
+ "$radius-button_splitButtonGroup_last_bottomRight": "999px"
1030
1030
  },
1031
1031
  "spacing": {
1032
1032
  "$spacing-button_large-paddingTop": "14px",
package/scss/local.scss CHANGED
@@ -88,11 +88,11 @@ $height-button_default: 36px;
88
88
  $height-button_iconOnly_large: 54px;
89
89
  $height-button_iconOnly_small: 28px;
90
90
  $height-button_iconOnly_default: 36px;
91
- $radius-button: 8px;
92
- $radius-button_splitButtonGroup_first_topLeft: 8px;
93
- $radius-button_splitButtonGroup_last_topRight: 8px;
94
- $radius-button_splitButtonGroup_first_bottomLeft: 8px;
95
- $radius-button_splitButtonGroup_last_bottomRight: 8px;
91
+ $radius-button: 999px;
92
+ $radius-button_splitButtonGroup_first_topLeft: 999px;
93
+ $radius-button_splitButtonGroup_last_topRight: 999px;
94
+ $radius-button_splitButtonGroup_first_bottomLeft: 999px;
95
+ $radius-button_splitButtonGroup_last_bottomRight: 999px;
96
96
  $spacing-button_large-paddingTop: 14px;
97
97
  $spacing-button_small-paddingTop: 0px;
98
98
  $spacing-button_large-paddingLeft: 20px;
package/semi.css CHANGED
@@ -3482,12 +3482,12 @@ body, :host {
3482
3482
  margin-right: 1px;
3483
3483
  }
3484
3484
  .semi-button-split .semi-button-first {
3485
- border-top-left-radius: 8px;
3486
- border-bottom-left-radius: 8px;
3485
+ border-top-left-radius: 999px;
3486
+ border-bottom-left-radius: 999px;
3487
3487
  }
3488
3488
  .semi-button-split .semi-button-last {
3489
- border-top-right-radius: 8px;
3490
- border-bottom-right-radius: 8px;
3489
+ border-top-right-radius: 999px;
3490
+ border-bottom-right-radius: 999px;
3491
3491
  margin-right: unset;
3492
3492
  }
3493
3493
  .semi-button-split:hover .semi-button-borderless:active {
@@ -3513,7 +3513,7 @@ body, :host {
3513
3513
  cursor: pointer;
3514
3514
  user-select: none;
3515
3515
  border: 0px var(--semi-color-bg-transparent) solid;
3516
- border-radius: 8px;
3516
+ border-radius: 999px;
3517
3517
  padding-left: 16px;
3518
3518
  padding-right: 16px;
3519
3519
  padding-top: 0px;
@@ -15436,6 +15436,10 @@ img[src=""], img:not([src]) {
15436
15436
  margin-right: 0;
15437
15437
  }
15438
15438
 
15439
+ .semi-json-viewer {
15440
+ box-sizing: border-box;
15441
+ padding: 12px 0;
15442
+ }
15439
15443
  .semi-json-viewer-background {
15440
15444
  background-color: var(--semi-color-default);
15441
15445
  }
@@ -19421,6 +19425,537 @@ img[src=""], img:not([src]) {
19421
19425
  text-align: right;
19422
19426
  }
19423
19427
 
19428
+ .semi-sidebar-main .semi-sidebar-container-content {
19429
+ overflow: hidden;
19430
+ }
19431
+ .semi-sidebar-main-content-wrapper {
19432
+ display: flex;
19433
+ flex-direction: column;
19434
+ height: 100%;
19435
+ }
19436
+ .semi-sidebar-main-content {
19437
+ padding: 12px;
19438
+ height: 100%;
19439
+ box-sizing: border-box;
19440
+ overflow: auto;
19441
+ }
19442
+ .semi-sidebar-container {
19443
+ height: 100%;
19444
+ border-left: 1px solid var(--semi-color-border);
19445
+ box-sizing: border-box;
19446
+ display: flex;
19447
+ flex-direction: column;
19448
+ overflow: hidden;
19449
+ position: relative;
19450
+ }
19451
+ .semi-sidebar-container-header {
19452
+ display: flex;
19453
+ align-items: center;
19454
+ padding: 12px 12px 12px 20px;
19455
+ border-bottom: 1px solid var(--semi-color-border);
19456
+ }
19457
+ .semi-sidebar-container-header-title {
19458
+ flex: 1;
19459
+ font-size: 16px;
19460
+ font-family: Montserrat, "PingFang SC", Lantinghei SC, "Microsoft YaHei", HanHei SC, "Helvetica Neue", Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif;
19461
+ line-height: 22px;
19462
+ font-weight: 600;
19463
+ }
19464
+ .semi-sidebar-container-header-closeBtn {
19465
+ flex-shrink: 0;
19466
+ }
19467
+ .semi-sidebar-container-content {
19468
+ flex: 1 1;
19469
+ overflow: hidden;
19470
+ }
19471
+ .semi-sidebar-container .semi-toast-wrapper {
19472
+ position: absolute;
19473
+ }
19474
+ @keyframes semi-sidebar-slideShow_right {
19475
+ from {
19476
+ transform: translateX(100%);
19477
+ }
19478
+ to {
19479
+ transform: translateX(0);
19480
+ }
19481
+ }
19482
+ @keyframes semi-sidebar-slideHide_right {
19483
+ from {
19484
+ transform: translateX(0);
19485
+ }
19486
+ to {
19487
+ transform: translateX(100%);
19488
+ }
19489
+ }
19490
+ .semi-sidebar-animation-content_show {
19491
+ animation: semi-sidebar-slideShow_right 180ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms;
19492
+ animation-fill-mode: forwards;
19493
+ }
19494
+ .semi-sidebar-animation-content_hide {
19495
+ animation: semi-sidebar-slideHide_right 180ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms;
19496
+ animation-fill-mode: forwards;
19497
+ }
19498
+ .semi-sidebar-mcp-configure-content {
19499
+ padding: 20px 16px;
19500
+ display: flex;
19501
+ flex-direction: column;
19502
+ height: 100%;
19503
+ box-sizing: border-box;
19504
+ }
19505
+ .semi-sidebar-mcp-configure-content-header {
19506
+ display: flex;
19507
+ align-items: center;
19508
+ justify-content: space-between;
19509
+ }
19510
+ .semi-sidebar-mcp-configure-content-header-count {
19511
+ font-size: 12px;
19512
+ font-family: Montserrat, "PingFang SC", Lantinghei SC, "Microsoft YaHei", HanHei SC, "Helvetica Neue", Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif;
19513
+ line-height: 16px;
19514
+ vertical-align: middle;
19515
+ color: var(--semi-color-text-2);
19516
+ }
19517
+ .semi-sidebar-mcp-configure-content-search {
19518
+ margin: 16px 0;
19519
+ }
19520
+ .semi-sidebar-mcp-configure-content-search-container {
19521
+ display: flex;
19522
+ column-gap: 8px;
19523
+ }
19524
+ .semi-sidebar-mcp-configure-content-item-container {
19525
+ overflow-y: auto;
19526
+ }
19527
+ .semi-sidebar-mcp-configure-content-item {
19528
+ padding: 8px 16px;
19529
+ display: flex;
19530
+ align-items: center;
19531
+ border-bottom: 1px solid var(--semi-color-border);
19532
+ }
19533
+ .semi-sidebar-mcp-configure-content-item-sign {
19534
+ width: 32px;
19535
+ height: 32px;
19536
+ margin-right: 12px;
19537
+ flex-shrink: 0;
19538
+ }
19539
+ .semi-sidebar-mcp-configure-content-item-sign .semi-icon {
19540
+ font-size: 32px;
19541
+ }
19542
+ .semi-sidebar-mcp-configure-content-item-content {
19543
+ justify-content: center;
19544
+ flex: 1;
19545
+ min-width: 0;
19546
+ margin-right: 24px;
19547
+ }
19548
+ .semi-sidebar-mcp-configure-content-item-content-label {
19549
+ font-size: 14px;
19550
+ font-family: Montserrat, "PingFang SC", Lantinghei SC, "Microsoft YaHei", HanHei SC, "Helvetica Neue", Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif;
19551
+ line-height: 20px;
19552
+ font-weight: 600;
19553
+ color: var(--semi-color-text-0);
19554
+ }
19555
+ .semi-sidebar-mcp-configure-content-item-content-desc {
19556
+ font-size: 12px;
19557
+ font-family: Montserrat, "PingFang SC", Lantinghei SC, "Microsoft YaHei", HanHei SC, "Helvetica Neue", Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif;
19558
+ line-height: 16px;
19559
+ color: var(--semi-color-text-0);
19560
+ overflow: hidden;
19561
+ text-overflow: ellipsis;
19562
+ white-space: nowrap;
19563
+ max-width: 100%;
19564
+ }
19565
+ .semi-sidebar-mcp-configure-content-item-button {
19566
+ flex-shrink: 0;
19567
+ }
19568
+ .semi-sidebar-mcp-configure-content-item-button-configure {
19569
+ margin-right: 12px;
19570
+ }
19571
+ .semi-sidebar-mcp-configure-content-item-button.semi-button.semi-button-with-icon-only {
19572
+ width: 24px;
19573
+ height: 24px;
19574
+ }
19575
+ .semi-sidebar-mcp-configure-content-custom-empty {
19576
+ margin-top: 64px;
19577
+ }
19578
+ .semi-sidebar-annotation .semi-sidebar-container-content {
19579
+ padding: 12px;
19580
+ overflow: auto;
19581
+ }
19582
+ .semi-sidebar-annotation-content {
19583
+ display: flex;
19584
+ flex-direction: row;
19585
+ flex-wrap: wrap;
19586
+ gap: 8px;
19587
+ width: 100%;
19588
+ }
19589
+ .semi-sidebar-annotation-item {
19590
+ cursor: pointer;
19591
+ }
19592
+ .semi-sidebar-annotation-item-title {
19593
+ overflow: hidden;
19594
+ text-overflow: ellipsis;
19595
+ white-space: normal;
19596
+ max-width: 100%;
19597
+ display: -webkit-box;
19598
+ line-clamp: 2;
19599
+ -webkit-line-clamp: 2;
19600
+ -webkit-box-orient: vertical;
19601
+ font-size: 14px;
19602
+ font-family: Montserrat, "PingFang SC", Lantinghei SC, "Microsoft YaHei", HanHei SC, "Helvetica Neue", Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif;
19603
+ line-height: 20px;
19604
+ color: var(--semi-color-text-0);
19605
+ font-weight: 600;
19606
+ }
19607
+ .semi-sidebar-annotation-item-footer {
19608
+ display: flex;
19609
+ column-gap: 4px;
19610
+ align-items: center;
19611
+ }
19612
+ .semi-sidebar-annotation-item-footer-logo {
19613
+ font-size: 14px;
19614
+ width: 14px;
19615
+ height: 14px;
19616
+ }
19617
+ .semi-sidebar-annotation-item-footer-text {
19618
+ font-size: 12px;
19619
+ font-family: Montserrat, "PingFang SC", Lantinghei SC, "Microsoft YaHei", HanHei SC, "Helvetica Neue", Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif;
19620
+ line-height: 16px;
19621
+ color: var(--semi-color-text-0);
19622
+ overflow: hidden;
19623
+ text-overflow: ellipsis;
19624
+ white-space: nowrap;
19625
+ flex-grow: 1;
19626
+ }
19627
+ .semi-sidebar-annotation-item-footer-order {
19628
+ box-sizing: border-box;
19629
+ min-width: 16px;
19630
+ padding: 0 2px;
19631
+ height: 16px;
19632
+ border-radius: 8px;
19633
+ background-color: var(--semi-color-fill-1);
19634
+ display: flex;
19635
+ align-items: center;
19636
+ justify-content: center;
19637
+ font-size: 12px;
19638
+ font-family: Montserrat, "PingFang SC", Lantinghei SC, "Microsoft YaHei", HanHei SC, "Helvetica Neue", Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif;
19639
+ line-height: 16px;
19640
+ color: var(--semi-color-text-2);
19641
+ }
19642
+ .semi-sidebar-annotation-item-text {
19643
+ padding: 3px 12px;
19644
+ width: 100%;
19645
+ row-gap: 8px;
19646
+ display: flex;
19647
+ flex-direction: column;
19648
+ }
19649
+ .semi-sidebar-annotation-item-text-detail {
19650
+ overflow: hidden;
19651
+ text-overflow: ellipsis;
19652
+ white-space: normal;
19653
+ max-width: 100%;
19654
+ display: -webkit-box;
19655
+ line-clamp: 4;
19656
+ -webkit-line-clamp: 4;
19657
+ -webkit-box-orient: vertical;
19658
+ font-size: 12px;
19659
+ font-family: Montserrat, "PingFang SC", Lantinghei SC, "Microsoft YaHei", HanHei SC, "Helvetica Neue", Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif;
19660
+ line-height: 16px;
19661
+ color: var(--semi-color-text-2);
19662
+ }
19663
+ .semi-sidebar-annotation-item-video {
19664
+ border-radius: 6px;
19665
+ border: 1px solid var(--semi-color-border);
19666
+ overflow: hidden;
19667
+ width: calc((100% - 8px) / 2);
19668
+ box-sizing: border-box;
19669
+ }
19670
+ .semi-sidebar-annotation-item-video-content {
19671
+ padding: 8px 8px 12px 8px;
19672
+ display: flex;
19673
+ flex-direction: column;
19674
+ row-gap: 8px;
19675
+ }
19676
+ .semi-sidebar-annotation-item-video .semi-sidebar-annotation-item-title {
19677
+ height: 40px;
19678
+ }
19679
+ .semi-sidebar-annotation-item-video-img {
19680
+ width: 100%;
19681
+ height: 100%;
19682
+ object-fit: cover;
19683
+ }
19684
+ .semi-sidebar-annotation-item-video-img-wrapper {
19685
+ position: relative;
19686
+ width: 100%;
19687
+ height: 107px;
19688
+ }
19689
+ .semi-sidebar-annotation-item-video-play {
19690
+ position: absolute;
19691
+ top: 6px;
19692
+ right: 6px;
19693
+ border: 1px solid var(--semi-color-bg-0);
19694
+ background: var(--semi-color-text-2);
19695
+ color: var(--semi-color-bg-0);
19696
+ border-radius: 50%;
19697
+ width: 20px;
19698
+ height: 20px;
19699
+ }
19700
+ .semi-sidebar-annotation-item-video-play.semi-icon {
19701
+ display: inline-flex;
19702
+ align-items: center;
19703
+ justify-content: center;
19704
+ font-size: 12px;
19705
+ }
19706
+ .semi-sidebar-annotation-item-video-duration {
19707
+ padding: 2px 4px;
19708
+ position: absolute;
19709
+ bottom: 6px;
19710
+ right: 6px;
19711
+ background-color: rgba(var(--semi-grey-7), 0.7);
19712
+ border-radius: 4px;
19713
+ font-size: 12px;
19714
+ font-family: Montserrat, "PingFang SC", Lantinghei SC, "Microsoft YaHei", HanHei SC, "Helvetica Neue", Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif;
19715
+ line-height: 16px;
19716
+ color: var(--semi-color-bg-0);
19717
+ }
19718
+ .semi-sidebar-annotation-item-video-title {
19719
+ font-size: 14px;
19720
+ font-family: Montserrat, "PingFang SC", Lantinghei SC, "Microsoft YaHei", HanHei SC, "Helvetica Neue", Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif;
19721
+ line-height: 20px;
19722
+ color: var(--semi-color-text-0);
19723
+ }
19724
+ .semi-sidebar-code-content {
19725
+ height: 100%;
19726
+ }
19727
+ .semi-sidebar-code-content .semi-codeHighlight-defaultTheme pre[class*=language-], .semi-sidebar-main-content .semi-codeHighlight-defaultTheme pre[class*=language-] {
19728
+ margin: 0px;
19729
+ padding-top: 0px;
19730
+ padding-bottom: 0px;
19731
+ background-color: transparent;
19732
+ overflow-y: hidden;
19733
+ overflow-x: auto;
19734
+ }
19735
+ .semi-sidebar-code-content .semi-codeHighlight .line-numbers .line-numbers-rows, .semi-sidebar-main-content .semi-codeHighlight .line-numbers .line-numbers-rows {
19736
+ border-right: none;
19737
+ }
19738
+ .semi-sidebar-code-content .semi-json-viewer, .semi-sidebar-main-content .semi-json-viewer {
19739
+ padding-top: 0px;
19740
+ padding-bottom: 0px;
19741
+ background-color: transparent;
19742
+ }
19743
+ .semi-sidebar-collapse .semi-collapse-item {
19744
+ border: 1px solid var(--semi-color-border);
19745
+ border-radius: 8px;
19746
+ }
19747
+ .semi-sidebar-collapse .semi-collapse-item:not(:last-child) {
19748
+ margin-bottom: 8px;
19749
+ }
19750
+ .semi-sidebar-collapse .semi-collapse-header {
19751
+ padding: 8px 16px;
19752
+ margin: 0px;
19753
+ font-weight: 400;
19754
+ }
19755
+ .semi-sidebar-collapse-header-content {
19756
+ display: flex;
19757
+ align-items: center;
19758
+ gap: 8px;
19759
+ width: 100%;
19760
+ padding-right: 8px;
19761
+ }
19762
+ .semi-sidebar-collapse-header-content .semi-icon {
19763
+ color: var(--semi-color-text-1);
19764
+ }
19765
+ .semi-sidebar-collapse-header-text {
19766
+ flex: 1;
19767
+ overflow: hidden;
19768
+ text-overflow: ellipsis;
19769
+ white-space: nowrap;
19770
+ }
19771
+ .semi-sidebar-collapse-header-expand-btn {
19772
+ flex-shrink: 0;
19773
+ }
19774
+ .semi-sidebar-collapse-header-expand-btn.semi-button.semi-button-with-icon-only {
19775
+ padding: 4px;
19776
+ width: 24px;
19777
+ height: 24px;
19778
+ }
19779
+ .semi-sidebar-collapse .semi-collapse-item-active .semi-collapsible-wrapper {
19780
+ border-top: 1px solid var(--semi-color-border);
19781
+ }
19782
+ .semi-sidebar-collapse-code .semi-collapse-content {
19783
+ padding: 12px 0px;
19784
+ }
19785
+ .semi-sidebar-options {
19786
+ display: flex;
19787
+ flex-direction: row;
19788
+ flex-wrap: wrap;
19789
+ gap: 8px;
19790
+ padding: 8px 12px;
19791
+ border-bottom: 1px solid var(--semi-color-border);
19792
+ }
19793
+ .semi-sidebar-options-button .semi-button-content-right {
19794
+ margin-left: 4px;
19795
+ }
19796
+ .semi-sidebar-options-normal.semi-button-primary.semi-button-light {
19797
+ color: var(--semi-color-text-2);
19798
+ font-weight: 400;
19799
+ }
19800
+ .semi-sidebar-file .tiptap {
19801
+ font-size: 14px;
19802
+ line-height: 24px;
19803
+ }
19804
+ .semi-sidebar-file .tiptap ::selection {
19805
+ background: rgba(var(--semi-light-blue-1), 1);
19806
+ }
19807
+ .semi-sidebar-file .tiptap ::-moz-selection {
19808
+ background: rgba(var(--semi-light-blue-1), 1);
19809
+ }
19810
+ .semi-sidebar-file .tiptap p.is-editor-empty:first-child::before {
19811
+ color: var(--semi-color-text-2);
19812
+ content: attr(data-placeholder);
19813
+ float: left;
19814
+ height: 0;
19815
+ pointer-events: none;
19816
+ }
19817
+ .semi-sidebar-file .tiptap p {
19818
+ margin: 0px;
19819
+ white-space: pre-wrap;
19820
+ color: var(--semi-color-text-0);
19821
+ }
19822
+ .semi-sidebar-file .tiptap blockquote {
19823
+ border-left: 3px solid var(--semi-color-border);
19824
+ margin: 24px 0;
19825
+ padding-left: 16px;
19826
+ }
19827
+ .semi-sidebar-file .tiptap:focus {
19828
+ outline: none;
19829
+ }
19830
+ .semi-sidebar-file .tiptap pre {
19831
+ background-color: var(--semi-color-fill-0);
19832
+ padding: 2px 4px;
19833
+ border-radius: 4px;
19834
+ overflow: auto;
19835
+ font-size: 14px;
19836
+ line-height: 24px;
19837
+ border: 1px solid var(--semi-color-border);
19838
+ }
19839
+ .semi-sidebar-file .tiptap pre code {
19840
+ background-color: transparent;
19841
+ }
19842
+ .semi-sidebar-file .tiptap code {
19843
+ background-color: var(--semi-color-border);
19844
+ padding: 2px 4px;
19845
+ }
19846
+ .semi-sidebar-file .tiptap hr {
19847
+ border: none;
19848
+ border-top: 1px solid var(--semi-color-border);
19849
+ }
19850
+ .semi-sidebar-file .tiptap span.select {
19851
+ display: inline-block;
19852
+ background-color: rgba(var(--semi-light-blue-1), 1);
19853
+ line-height: 24px;
19854
+ }
19855
+ .semi-sidebar-file .tiptap.ProseMirror img:not([data-type=emoji] img) {
19856
+ outline: 0.125rem solid transparent;
19857
+ margin: 12px 0;
19858
+ }
19859
+ .semi-sidebar-file .tiptap.ProseMirror img:not([data-type=emoji] img).ProseMirror-selectednode {
19860
+ outline-color: var(--semi-color-text-0);
19861
+ }
19862
+ .semi-sidebar-file .tiptap .tiptap-image-slot .uploadFail .semi-upload-drag-area, .semi-sidebar-file .tiptap .tiptap-image-slot .validateFail .semi-upload-drag-area, .semi-sidebar-file .tiptap .tiptap-image-slot .uploading .semi-upload-drag-area, .semi-sidebar-file .tiptap .tiptap-image-slot .success .semi-upload-drag-area {
19863
+ display: none;
19864
+ }
19865
+ .semi-sidebar-file-menu-bar {
19866
+ display: flex;
19867
+ flex-direction: row;
19868
+ align-items: center;
19869
+ justify-content: center;
19870
+ flex-wrap: wrap;
19871
+ gap: 2px;
19872
+ border-top: 1px solid var(--semi-color-border);
19873
+ border-bottom: 1px solid var(--semi-color-border);
19874
+ padding: 2px 12px;
19875
+ }
19876
+ .semi-sidebar-file-menu-bar-dropdown-item-active {
19877
+ color: var(--semi-color-primary);
19878
+ background: var(--semi-color-fill-0);
19879
+ }
19880
+ .semi-sidebar-file-menu-bar .semi-divider-vertical {
19881
+ margin: 0px;
19882
+ }
19883
+ .semi-sidebar-file-menu-bar-btn-active.semi-button-tertiary.semi-button-borderless {
19884
+ background: var(--semi-color-fill-0);
19885
+ }
19886
+ .semi-sidebar-file-menu-bar-btn-codeblock {
19887
+ font-size: 12px;
19888
+ line-height: 16px;
19889
+ padding: 8px;
19890
+ }
19891
+ .semi-sidebar-file-menu-bar-link-dropdown {
19892
+ padding: 8px;
19893
+ display: flex;
19894
+ align-items: center;
19895
+ justify-content: center;
19896
+ }
19897
+ .semi-sidebar-file-menu-bar-link-dropdown-btn-active.semi-button-tertiary.semi-button-borderless {
19898
+ color: var(--semi-color-primary);
19899
+ }
19900
+ .semi-sidebar-detail .semi-sidebar-file {
19901
+ height: 100%;
19902
+ display: flex;
19903
+ flex-direction: column;
19904
+ }
19905
+ .semi-sidebar-detail .semi-sidebar-file-content {
19906
+ height: 100%;
19907
+ }
19908
+ .semi-sidebar-detail .semi-sidebar-file-editor {
19909
+ overflow: auto;
19910
+ flex: 1;
19911
+ padding: 0 12px;
19912
+ }
19913
+ .semi-sidebar-detail .semi-sidebar-code-content {
19914
+ overflow: auto;
19915
+ }
19916
+ .semi-sidebar-main .semi-sidebar-code-content {
19917
+ height: 200px;
19918
+ overflow: auto;
19919
+ }
19920
+ .semi-sidebar-main .semi-sidebar-collapse-file .semi-collapse-content {
19921
+ max-height: 400px;
19922
+ overflow: auto;
19923
+ }
19924
+ .semi-sidebar-main .semi-sidebar-collapse-code .semi-collapse-content {
19925
+ max-height: 200px;
19926
+ overflow: auto;
19927
+ }
19928
+ .semi-sidebar-main .semi-codeHighlight {
19929
+ height: 200px;
19930
+ overflow: auto;
19931
+ }
19932
+ .semi-sidebar-detail-header {
19933
+ display: flex;
19934
+ flex-direction: row;
19935
+ justify-content: space-between;
19936
+ align-items: center;
19937
+ color: var(--semi-color-text-0);
19938
+ padding: 12px;
19939
+ }
19940
+ .semi-sidebar-detail-header-left {
19941
+ display: flex;
19942
+ flex-direction: row;
19943
+ column-gap: 8px;
19944
+ align-items: center;
19945
+ }
19946
+ .semi-sidebar-detail-header-title {
19947
+ font-size: 16px;
19948
+ font-family: Montserrat, "PingFang SC", Lantinghei SC, "Microsoft YaHei", HanHei SC, "Helvetica Neue", Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif;
19949
+ line-height: 22px;
19950
+ font-weight: 600;
19951
+ }
19952
+ .semi-sidebar-detail-header-right {
19953
+ display: flex;
19954
+ flex-direction: row;
19955
+ column-gap: 4px;
19956
+ align-items: center;
19957
+ }
19958
+
19424
19959
  .semi-skeleton-avatar, .semi-skeleton-image, .semi-skeleton-title, .semi-skeleton-button {
19425
19960
  background: var(--semi-color-fill-0);
19426
19961
  border-radius: var(--semi-border-radius-small);