@semi-bot/semi-theme-wcs 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/README.md CHANGED
@@ -5,7 +5,7 @@ Operator: 用户8187470444650
5
5
 
6
6
  ## Compatibility
7
7
 
8
- Compatible with Semi Foundation Version 2.90.10 or newer.
8
+ Compatible with Semi Foundation Version 2.91.0 or newer.
9
9
 
10
10
  ## Version Release Note
11
11
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-wcs",
3
- "version": "0.0.8",
3
+ "version": "0.0.9",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -722,7 +722,7 @@
722
722
  "$height-navigation_horizontal_header": "50px"
723
723
  },
724
724
  "spacing": {
725
- "$spacing-navigation_item-paddingX": "8px",
725
+ "$spacing-navigation_item-paddingX": "12px",
726
726
  "$spacing-navigation_item-paddingY": "8px",
727
727
  "$spacing-navigation_horizontal-paddingLeft": "12px",
728
728
  "$spacing-navigation_horizontal-paddingRight": "12px",
package/scss/local.scss CHANGED
@@ -21,7 +21,7 @@ $color-datepicker_range_trigger-border-focus: var(--semi-color-info);
21
21
  $color-datepicker_range_trigger-border-hover: var(--semi-color-info);
22
22
  $color-datepicker_range_trigger-border-active: var(--semi-color-info);
23
23
  $height-navigation_horizontal_header: 50px;
24
- $spacing-navigation_item-paddingX: 8px;
24
+ $spacing-navigation_item-paddingX: 12px;
25
25
  $spacing-navigation_item-paddingY: 8px;
26
26
  $spacing-navigation_horizontal-paddingLeft: 12px;
27
27
  $spacing-navigation_horizontal-paddingRight: 12px;
package/semi.css CHANGED
@@ -15224,6 +15224,10 @@ img[src=""], img:not([src]) {
15224
15224
  margin-right: 0;
15225
15225
  }
15226
15226
 
15227
+ .semi-json-viewer {
15228
+ box-sizing: border-box;
15229
+ padding: 12px 0;
15230
+ }
15227
15231
  .semi-json-viewer-background {
15228
15232
  background-color: var(--semi-color-default);
15229
15233
  }
@@ -15908,7 +15912,7 @@ img[src=""], img:not([src]) {
15908
15912
  cursor: pointer;
15909
15913
  display: flex;
15910
15914
  border-radius: var(--semi-border-radius-small);
15911
- padding: 8px 8px;
15915
+ padding: 8px 12px;
15912
15916
  box-sizing: border-box;
15913
15917
  margin-top: 0;
15914
15918
  margin-bottom: 8px;
@@ -15946,7 +15950,7 @@ img[src=""], img:not([src]) {
15946
15950
  padding: 0;
15947
15951
  }
15948
15952
  .semi-navigation-item-has-link .semi-navigation-item-link {
15949
- padding: 8px 8px;
15953
+ padding: 8px 12px;
15950
15954
  }
15951
15955
  .semi-navigation-item-sub {
15952
15956
  padding: 0;
@@ -19209,6 +19213,537 @@ img[src=""], img:not([src]) {
19209
19213
  text-align: right;
19210
19214
  }
19211
19215
 
19216
+ .semi-sidebar-main .semi-sidebar-container-content {
19217
+ overflow: hidden;
19218
+ }
19219
+ .semi-sidebar-main-content-wrapper {
19220
+ display: flex;
19221
+ flex-direction: column;
19222
+ height: 100%;
19223
+ }
19224
+ .semi-sidebar-main-content {
19225
+ padding: 12px;
19226
+ height: 100%;
19227
+ box-sizing: border-box;
19228
+ overflow: auto;
19229
+ }
19230
+ .semi-sidebar-container {
19231
+ height: 100%;
19232
+ border-left: 1px solid var(--semi-color-border);
19233
+ box-sizing: border-box;
19234
+ display: flex;
19235
+ flex-direction: column;
19236
+ overflow: hidden;
19237
+ position: relative;
19238
+ }
19239
+ .semi-sidebar-container-header {
19240
+ display: flex;
19241
+ align-items: center;
19242
+ padding: 12px 12px 12px 20px;
19243
+ border-bottom: 1px solid var(--semi-color-border);
19244
+ }
19245
+ .semi-sidebar-container-header-title {
19246
+ flex: 1;
19247
+ font-size: 16px;
19248
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
19249
+ line-height: 22px;
19250
+ font-weight: 600;
19251
+ }
19252
+ .semi-sidebar-container-header-closeBtn {
19253
+ flex-shrink: 0;
19254
+ }
19255
+ .semi-sidebar-container-content {
19256
+ flex: 1 1;
19257
+ overflow: hidden;
19258
+ }
19259
+ .semi-sidebar-container .semi-toast-wrapper {
19260
+ position: absolute;
19261
+ }
19262
+ @keyframes semi-sidebar-slideShow_right {
19263
+ from {
19264
+ transform: translateX(100%);
19265
+ }
19266
+ to {
19267
+ transform: translateX(0);
19268
+ }
19269
+ }
19270
+ @keyframes semi-sidebar-slideHide_right {
19271
+ from {
19272
+ transform: translateX(0);
19273
+ }
19274
+ to {
19275
+ transform: translateX(100%);
19276
+ }
19277
+ }
19278
+ .semi-sidebar-animation-content_show {
19279
+ animation: semi-sidebar-slideShow_right 180ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms;
19280
+ animation-fill-mode: forwards;
19281
+ }
19282
+ .semi-sidebar-animation-content_hide {
19283
+ animation: semi-sidebar-slideHide_right 180ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms;
19284
+ animation-fill-mode: forwards;
19285
+ }
19286
+ .semi-sidebar-mcp-configure-content {
19287
+ padding: 20px 16px;
19288
+ display: flex;
19289
+ flex-direction: column;
19290
+ height: 100%;
19291
+ box-sizing: border-box;
19292
+ }
19293
+ .semi-sidebar-mcp-configure-content-header {
19294
+ display: flex;
19295
+ align-items: center;
19296
+ justify-content: space-between;
19297
+ }
19298
+ .semi-sidebar-mcp-configure-content-header-count {
19299
+ font-size: 12px;
19300
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
19301
+ line-height: 16px;
19302
+ vertical-align: middle;
19303
+ color: var(--semi-color-text-2);
19304
+ }
19305
+ .semi-sidebar-mcp-configure-content-search {
19306
+ margin: 16px 0;
19307
+ }
19308
+ .semi-sidebar-mcp-configure-content-search-container {
19309
+ display: flex;
19310
+ column-gap: 8px;
19311
+ }
19312
+ .semi-sidebar-mcp-configure-content-item-container {
19313
+ overflow-y: auto;
19314
+ }
19315
+ .semi-sidebar-mcp-configure-content-item {
19316
+ padding: 8px 16px;
19317
+ display: flex;
19318
+ align-items: center;
19319
+ border-bottom: 1px solid var(--semi-color-border);
19320
+ }
19321
+ .semi-sidebar-mcp-configure-content-item-sign {
19322
+ width: 32px;
19323
+ height: 32px;
19324
+ margin-right: 12px;
19325
+ flex-shrink: 0;
19326
+ }
19327
+ .semi-sidebar-mcp-configure-content-item-sign .semi-icon {
19328
+ font-size: 32px;
19329
+ }
19330
+ .semi-sidebar-mcp-configure-content-item-content {
19331
+ justify-content: center;
19332
+ flex: 1;
19333
+ min-width: 0;
19334
+ margin-right: 24px;
19335
+ }
19336
+ .semi-sidebar-mcp-configure-content-item-content-label {
19337
+ font-size: 14px;
19338
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
19339
+ line-height: 20px;
19340
+ font-weight: 600;
19341
+ color: var(--semi-color-text-0);
19342
+ }
19343
+ .semi-sidebar-mcp-configure-content-item-content-desc {
19344
+ font-size: 12px;
19345
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
19346
+ line-height: 16px;
19347
+ color: var(--semi-color-text-0);
19348
+ overflow: hidden;
19349
+ text-overflow: ellipsis;
19350
+ white-space: nowrap;
19351
+ max-width: 100%;
19352
+ }
19353
+ .semi-sidebar-mcp-configure-content-item-button {
19354
+ flex-shrink: 0;
19355
+ }
19356
+ .semi-sidebar-mcp-configure-content-item-button-configure {
19357
+ margin-right: 12px;
19358
+ }
19359
+ .semi-sidebar-mcp-configure-content-item-button.semi-button.semi-button-with-icon-only {
19360
+ width: 24px;
19361
+ height: 24px;
19362
+ }
19363
+ .semi-sidebar-mcp-configure-content-custom-empty {
19364
+ margin-top: 64px;
19365
+ }
19366
+ .semi-sidebar-annotation .semi-sidebar-container-content {
19367
+ padding: 12px;
19368
+ overflow: auto;
19369
+ }
19370
+ .semi-sidebar-annotation-content {
19371
+ display: flex;
19372
+ flex-direction: row;
19373
+ flex-wrap: wrap;
19374
+ gap: 8px;
19375
+ width: 100%;
19376
+ }
19377
+ .semi-sidebar-annotation-item {
19378
+ cursor: pointer;
19379
+ }
19380
+ .semi-sidebar-annotation-item-title {
19381
+ overflow: hidden;
19382
+ text-overflow: ellipsis;
19383
+ white-space: normal;
19384
+ max-width: 100%;
19385
+ display: -webkit-box;
19386
+ line-clamp: 2;
19387
+ -webkit-line-clamp: 2;
19388
+ -webkit-box-orient: vertical;
19389
+ font-size: 14px;
19390
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
19391
+ line-height: 20px;
19392
+ color: var(--semi-color-text-0);
19393
+ font-weight: 600;
19394
+ }
19395
+ .semi-sidebar-annotation-item-footer {
19396
+ display: flex;
19397
+ column-gap: 4px;
19398
+ align-items: center;
19399
+ }
19400
+ .semi-sidebar-annotation-item-footer-logo {
19401
+ font-size: 14px;
19402
+ width: 14px;
19403
+ height: 14px;
19404
+ }
19405
+ .semi-sidebar-annotation-item-footer-text {
19406
+ font-size: 12px;
19407
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
19408
+ line-height: 16px;
19409
+ color: var(--semi-color-text-0);
19410
+ overflow: hidden;
19411
+ text-overflow: ellipsis;
19412
+ white-space: nowrap;
19413
+ flex-grow: 1;
19414
+ }
19415
+ .semi-sidebar-annotation-item-footer-order {
19416
+ box-sizing: border-box;
19417
+ min-width: 16px;
19418
+ padding: 0 2px;
19419
+ height: 16px;
19420
+ border-radius: 8px;
19421
+ background-color: var(--semi-color-fill-1);
19422
+ display: flex;
19423
+ align-items: center;
19424
+ justify-content: center;
19425
+ font-size: 12px;
19426
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
19427
+ line-height: 16px;
19428
+ color: var(--semi-color-text-2);
19429
+ }
19430
+ .semi-sidebar-annotation-item-text {
19431
+ padding: 3px 12px;
19432
+ width: 100%;
19433
+ row-gap: 8px;
19434
+ display: flex;
19435
+ flex-direction: column;
19436
+ }
19437
+ .semi-sidebar-annotation-item-text-detail {
19438
+ overflow: hidden;
19439
+ text-overflow: ellipsis;
19440
+ white-space: normal;
19441
+ max-width: 100%;
19442
+ display: -webkit-box;
19443
+ line-clamp: 4;
19444
+ -webkit-line-clamp: 4;
19445
+ -webkit-box-orient: vertical;
19446
+ font-size: 12px;
19447
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
19448
+ line-height: 16px;
19449
+ color: var(--semi-color-text-2);
19450
+ }
19451
+ .semi-sidebar-annotation-item-video {
19452
+ border-radius: 6px;
19453
+ border: 1px solid var(--semi-color-border);
19454
+ overflow: hidden;
19455
+ width: calc((100% - 8px) / 2);
19456
+ box-sizing: border-box;
19457
+ }
19458
+ .semi-sidebar-annotation-item-video-content {
19459
+ padding: 8px 8px 12px 8px;
19460
+ display: flex;
19461
+ flex-direction: column;
19462
+ row-gap: 8px;
19463
+ }
19464
+ .semi-sidebar-annotation-item-video .semi-sidebar-annotation-item-title {
19465
+ height: 40px;
19466
+ }
19467
+ .semi-sidebar-annotation-item-video-img {
19468
+ width: 100%;
19469
+ height: 100%;
19470
+ object-fit: cover;
19471
+ }
19472
+ .semi-sidebar-annotation-item-video-img-wrapper {
19473
+ position: relative;
19474
+ width: 100%;
19475
+ height: 107px;
19476
+ }
19477
+ .semi-sidebar-annotation-item-video-play {
19478
+ position: absolute;
19479
+ top: 6px;
19480
+ right: 6px;
19481
+ border: 1px solid var(--semi-color-bg-0);
19482
+ background: var(--semi-color-text-2);
19483
+ color: var(--semi-color-bg-0);
19484
+ border-radius: 50%;
19485
+ width: 20px;
19486
+ height: 20px;
19487
+ }
19488
+ .semi-sidebar-annotation-item-video-play.semi-icon {
19489
+ display: inline-flex;
19490
+ align-items: center;
19491
+ justify-content: center;
19492
+ font-size: 12px;
19493
+ }
19494
+ .semi-sidebar-annotation-item-video-duration {
19495
+ padding: 2px 4px;
19496
+ position: absolute;
19497
+ bottom: 6px;
19498
+ right: 6px;
19499
+ background-color: rgba(var(--semi-grey-7), 0.7);
19500
+ border-radius: 4px;
19501
+ font-size: 12px;
19502
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
19503
+ line-height: 16px;
19504
+ color: var(--semi-color-bg-0);
19505
+ }
19506
+ .semi-sidebar-annotation-item-video-title {
19507
+ font-size: 14px;
19508
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
19509
+ line-height: 20px;
19510
+ color: var(--semi-color-text-0);
19511
+ }
19512
+ .semi-sidebar-code-content {
19513
+ height: 100%;
19514
+ }
19515
+ .semi-sidebar-code-content .semi-codeHighlight-defaultTheme pre[class*=language-], .semi-sidebar-main-content .semi-codeHighlight-defaultTheme pre[class*=language-] {
19516
+ margin: 0px;
19517
+ padding-top: 0px;
19518
+ padding-bottom: 0px;
19519
+ background-color: transparent;
19520
+ overflow-y: hidden;
19521
+ overflow-x: auto;
19522
+ }
19523
+ .semi-sidebar-code-content .semi-codeHighlight .line-numbers .line-numbers-rows, .semi-sidebar-main-content .semi-codeHighlight .line-numbers .line-numbers-rows {
19524
+ border-right: none;
19525
+ }
19526
+ .semi-sidebar-code-content .semi-json-viewer, .semi-sidebar-main-content .semi-json-viewer {
19527
+ padding-top: 0px;
19528
+ padding-bottom: 0px;
19529
+ background-color: transparent;
19530
+ }
19531
+ .semi-sidebar-collapse .semi-collapse-item {
19532
+ border: 1px solid var(--semi-color-border);
19533
+ border-radius: 8px;
19534
+ }
19535
+ .semi-sidebar-collapse .semi-collapse-item:not(:last-child) {
19536
+ margin-bottom: 8px;
19537
+ }
19538
+ .semi-sidebar-collapse .semi-collapse-header {
19539
+ padding: 8px 16px;
19540
+ margin: 0px;
19541
+ font-weight: 400;
19542
+ }
19543
+ .semi-sidebar-collapse-header-content {
19544
+ display: flex;
19545
+ align-items: center;
19546
+ gap: 8px;
19547
+ width: 100%;
19548
+ padding-right: 8px;
19549
+ }
19550
+ .semi-sidebar-collapse-header-content .semi-icon {
19551
+ color: var(--semi-color-text-1);
19552
+ }
19553
+ .semi-sidebar-collapse-header-text {
19554
+ flex: 1;
19555
+ overflow: hidden;
19556
+ text-overflow: ellipsis;
19557
+ white-space: nowrap;
19558
+ }
19559
+ .semi-sidebar-collapse-header-expand-btn {
19560
+ flex-shrink: 0;
19561
+ }
19562
+ .semi-sidebar-collapse-header-expand-btn.semi-button.semi-button-with-icon-only {
19563
+ padding: 4px;
19564
+ width: 24px;
19565
+ height: 24px;
19566
+ }
19567
+ .semi-sidebar-collapse .semi-collapse-item-active .semi-collapsible-wrapper {
19568
+ border-top: 1px solid var(--semi-color-border);
19569
+ }
19570
+ .semi-sidebar-collapse-code .semi-collapse-content {
19571
+ padding: 12px 0px;
19572
+ }
19573
+ .semi-sidebar-options {
19574
+ display: flex;
19575
+ flex-direction: row;
19576
+ flex-wrap: wrap;
19577
+ gap: 8px;
19578
+ padding: 8px 12px;
19579
+ border-bottom: 1px solid var(--semi-color-border);
19580
+ }
19581
+ .semi-sidebar-options-button .semi-button-content-right {
19582
+ margin-left: 4px;
19583
+ }
19584
+ .semi-sidebar-options-normal.semi-button-primary.semi-button-light {
19585
+ color: var(--semi-color-text-2);
19586
+ font-weight: 400;
19587
+ }
19588
+ .semi-sidebar-file .tiptap {
19589
+ font-size: 14px;
19590
+ line-height: 24px;
19591
+ }
19592
+ .semi-sidebar-file .tiptap ::selection {
19593
+ background: rgba(var(--semi-light-blue-1), 1);
19594
+ }
19595
+ .semi-sidebar-file .tiptap ::-moz-selection {
19596
+ background: rgba(var(--semi-light-blue-1), 1);
19597
+ }
19598
+ .semi-sidebar-file .tiptap p.is-editor-empty:first-child::before {
19599
+ color: var(--semi-color-text-2);
19600
+ content: attr(data-placeholder);
19601
+ float: left;
19602
+ height: 0;
19603
+ pointer-events: none;
19604
+ }
19605
+ .semi-sidebar-file .tiptap p {
19606
+ margin: 0px;
19607
+ white-space: pre-wrap;
19608
+ color: var(--semi-color-text-0);
19609
+ }
19610
+ .semi-sidebar-file .tiptap blockquote {
19611
+ border-left: 3px solid var(--semi-color-border);
19612
+ margin: 24px 0;
19613
+ padding-left: 16px;
19614
+ }
19615
+ .semi-sidebar-file .tiptap:focus {
19616
+ outline: none;
19617
+ }
19618
+ .semi-sidebar-file .tiptap pre {
19619
+ background-color: var(--semi-color-fill-0);
19620
+ padding: 2px 4px;
19621
+ border-radius: 4px;
19622
+ overflow: auto;
19623
+ font-size: 14px;
19624
+ line-height: 24px;
19625
+ border: 1px solid var(--semi-color-border);
19626
+ }
19627
+ .semi-sidebar-file .tiptap pre code {
19628
+ background-color: transparent;
19629
+ }
19630
+ .semi-sidebar-file .tiptap code {
19631
+ background-color: var(--semi-color-border);
19632
+ padding: 2px 4px;
19633
+ }
19634
+ .semi-sidebar-file .tiptap hr {
19635
+ border: none;
19636
+ border-top: 1px solid var(--semi-color-border);
19637
+ }
19638
+ .semi-sidebar-file .tiptap span.select {
19639
+ display: inline-block;
19640
+ background-color: rgba(var(--semi-light-blue-1), 1);
19641
+ line-height: 24px;
19642
+ }
19643
+ .semi-sidebar-file .tiptap.ProseMirror img:not([data-type=emoji] img) {
19644
+ outline: 0.125rem solid transparent;
19645
+ margin: 12px 0;
19646
+ }
19647
+ .semi-sidebar-file .tiptap.ProseMirror img:not([data-type=emoji] img).ProseMirror-selectednode {
19648
+ outline-color: var(--semi-color-text-0);
19649
+ }
19650
+ .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 {
19651
+ display: none;
19652
+ }
19653
+ .semi-sidebar-file-menu-bar {
19654
+ display: flex;
19655
+ flex-direction: row;
19656
+ align-items: center;
19657
+ justify-content: center;
19658
+ flex-wrap: wrap;
19659
+ gap: 2px;
19660
+ border-top: 1px solid var(--semi-color-border);
19661
+ border-bottom: 1px solid var(--semi-color-border);
19662
+ padding: 2px 12px;
19663
+ }
19664
+ .semi-sidebar-file-menu-bar-dropdown-item-active {
19665
+ color: var(--semi-color-primary);
19666
+ background: var(--semi-color-fill-0);
19667
+ }
19668
+ .semi-sidebar-file-menu-bar .semi-divider-vertical {
19669
+ margin: 0px;
19670
+ }
19671
+ .semi-sidebar-file-menu-bar-btn-active.semi-button-tertiary.semi-button-borderless {
19672
+ background: var(--semi-color-fill-0);
19673
+ }
19674
+ .semi-sidebar-file-menu-bar-btn-codeblock {
19675
+ font-size: 12px;
19676
+ line-height: 16px;
19677
+ padding: 8px;
19678
+ }
19679
+ .semi-sidebar-file-menu-bar-link-dropdown {
19680
+ padding: 8px;
19681
+ display: flex;
19682
+ align-items: center;
19683
+ justify-content: center;
19684
+ }
19685
+ .semi-sidebar-file-menu-bar-link-dropdown-btn-active.semi-button-tertiary.semi-button-borderless {
19686
+ color: var(--semi-color-primary);
19687
+ }
19688
+ .semi-sidebar-detail .semi-sidebar-file {
19689
+ height: 100%;
19690
+ display: flex;
19691
+ flex-direction: column;
19692
+ }
19693
+ .semi-sidebar-detail .semi-sidebar-file-content {
19694
+ height: 100%;
19695
+ }
19696
+ .semi-sidebar-detail .semi-sidebar-file-editor {
19697
+ overflow: auto;
19698
+ flex: 1;
19699
+ padding: 0 12px;
19700
+ }
19701
+ .semi-sidebar-detail .semi-sidebar-code-content {
19702
+ overflow: auto;
19703
+ }
19704
+ .semi-sidebar-main .semi-sidebar-code-content {
19705
+ height: 200px;
19706
+ overflow: auto;
19707
+ }
19708
+ .semi-sidebar-main .semi-sidebar-collapse-file .semi-collapse-content {
19709
+ max-height: 400px;
19710
+ overflow: auto;
19711
+ }
19712
+ .semi-sidebar-main .semi-sidebar-collapse-code .semi-collapse-content {
19713
+ max-height: 200px;
19714
+ overflow: auto;
19715
+ }
19716
+ .semi-sidebar-main .semi-codeHighlight {
19717
+ height: 200px;
19718
+ overflow: auto;
19719
+ }
19720
+ .semi-sidebar-detail-header {
19721
+ display: flex;
19722
+ flex-direction: row;
19723
+ justify-content: space-between;
19724
+ align-items: center;
19725
+ color: var(--semi-color-text-0);
19726
+ padding: 12px;
19727
+ }
19728
+ .semi-sidebar-detail-header-left {
19729
+ display: flex;
19730
+ flex-direction: row;
19731
+ column-gap: 8px;
19732
+ align-items: center;
19733
+ }
19734
+ .semi-sidebar-detail-header-title {
19735
+ font-size: 16px;
19736
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
19737
+ line-height: 22px;
19738
+ font-weight: 600;
19739
+ }
19740
+ .semi-sidebar-detail-header-right {
19741
+ display: flex;
19742
+ flex-direction: row;
19743
+ column-gap: 4px;
19744
+ align-items: center;
19745
+ }
19746
+
19212
19747
  .semi-skeleton-avatar, .semi-skeleton-image, .semi-skeleton-title, .semi-skeleton-button {
19213
19748
  background: var(--semi-color-fill-0);
19214
19749
  border-radius: var(--semi-border-radius-small);