@semi-bot/semi-theme-wcs 0.0.17 → 0.0.18

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: Lpenser
5
5
 
6
6
  ## Compatibility
7
7
 
8
- Compatible with Semi Foundation Version 2.90.11 or newer.
8
+ Compatible with Semi Foundation Version 2.92.2 or newer.
9
9
 
10
10
  ## Version Release Note
11
11
 
12
-
12
+ 修改sideSheet样式
13
13
 
14
14
 
15
15
  ## Manual
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-wcs",
3
- "version": "0.0.17",
3
+ "version": "0.0.18",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -722,9 +722,9 @@
722
722
  },
723
723
  "sideSheet": {
724
724
  "spacing": {
725
- "$spacing-sideSheet_body-paddingX": "12px",
726
- "$spacing-sideSheet_header-padding": "12px",
727
- "$spacing-sideSheet_header-paddingBottom": "12px"
725
+ "$spacing-sideSheet_body-paddingX": "8px",
726
+ "$spacing-sideSheet_header-padding": "8px",
727
+ "$spacing-sideSheet_header-paddingBottom": "8px"
728
728
  }
729
729
  },
730
730
  "breadcrumb": {
package/scss/local.scss CHANGED
@@ -21,9 +21,9 @@ $color-tagInput-border-default: var(--semi-color-border);
21
21
  $color-tagInput_default-bg-focus: var(--semi-color-bg-0);
22
22
  $color-tagInput_default-bg-hover: var(--semi-color-bg-0);
23
23
  $color-tagInput_default-bg-default: var(--semi-color-bg-0);
24
- $spacing-sideSheet_body-paddingX: 12px;
25
- $spacing-sideSheet_header-padding: 12px;
26
- $spacing-sideSheet_header-paddingBottom: 12px;
24
+ $spacing-sideSheet_body-paddingX: 8px;
25
+ $spacing-sideSheet_header-padding: 8px;
26
+ $spacing-sideSheet_header-paddingBottom: 8px;
27
27
  $color-breadcrumb_active-text-active: var(--semi-color-info);
28
28
  $color-datepicker_range_trigger-border: var(--semi-color-info);
29
29
  $color-datepicker_range_input-bg-default: var(--semi-color-bg-0);
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
  }
@@ -18997,12 +19001,12 @@ img[src=""], img:not([src]) {
18997
19001
  .semi-sidesheet-header {
18998
19002
  display: flex;
18999
19003
  align-items: flex-start;
19000
- padding: 12px;
19001
- padding-bottom: 12px;
19004
+ padding: 8px;
19005
+ padding-bottom: 8px;
19002
19006
  border-bottom: 0px solid var(--semi-color-border);
19003
19007
  }
19004
19008
  .semi-sidesheet-body {
19005
- padding: 0 12px;
19009
+ padding: 0 8px;
19006
19010
  flex: 1;
19007
19011
  overflow: auto;
19008
19012
  }
@@ -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);