@streamoid/ui 0.6.48 → 0.6.50
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/dist/index.css +30 -33
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -4045,16 +4045,13 @@
|
|
|
4045
4045
|
display: flex;
|
|
4046
4046
|
flex-direction: column;
|
|
4047
4047
|
align-items: stretch;
|
|
4048
|
-
width:
|
|
4048
|
+
width: 100%;
|
|
4049
|
+
max-width: 100%;
|
|
4049
4050
|
max-height: calc(100dvh - 80px);
|
|
4050
4051
|
overflow-y: auto;
|
|
4051
4052
|
overscroll-behavior: contain;
|
|
4052
4053
|
padding: var(--spacing-xl, 12px);
|
|
4053
4054
|
gap: var(--spacing-lg, 10px);
|
|
4054
|
-
border: 0.5px solid var(--alias-border-subtle, #242424);
|
|
4055
|
-
border-radius: var(--radius-4xl, 18px);
|
|
4056
|
-
background: var(--alias-surface-base, #101010);
|
|
4057
|
-
backdrop-filter: blur(42px);
|
|
4058
4055
|
color: var(--alias-text---icons-primary, #f5f5f5);
|
|
4059
4056
|
font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
|
|
4060
4057
|
}
|
|
@@ -4227,11 +4224,11 @@ button.ScSidebarShell_actionRow:hover {
|
|
|
4227
4224
|
}
|
|
4228
4225
|
.ScArtifaxSidebar_container.ScArtifaxSidebar_expanded {
|
|
4229
4226
|
border-radius: var(--radius-3xl, 1rem);
|
|
4230
|
-
width:
|
|
4227
|
+
width: 256px;
|
|
4231
4228
|
}
|
|
4232
4229
|
.ScArtifaxSidebar_container.ScArtifaxSidebar_collapsed {
|
|
4233
4230
|
align-items: center;
|
|
4234
|
-
width:
|
|
4231
|
+
width: 56px;
|
|
4235
4232
|
border-radius: var(--radius-3xl, 1rem);
|
|
4236
4233
|
}
|
|
4237
4234
|
.ScArtifaxSidebar_borderOverlayExpanded {
|
|
@@ -4273,8 +4270,8 @@ button.ScSidebarShell_actionRow:hover {
|
|
|
4273
4270
|
align-items: center;
|
|
4274
4271
|
justify-content: center;
|
|
4275
4272
|
padding: var(--spacing-md, 0.5rem);
|
|
4276
|
-
width:
|
|
4277
|
-
height:
|
|
4273
|
+
width: 48px;
|
|
4274
|
+
height: 48px;
|
|
4278
4275
|
flex-shrink: 0;
|
|
4279
4276
|
}
|
|
4280
4277
|
.ScArtifaxSidebar_sectionContainer {
|
|
@@ -4303,7 +4300,7 @@ button.ScSidebarShell_actionRow:hover {
|
|
|
4303
4300
|
cursor: pointer;
|
|
4304
4301
|
width: 100%;
|
|
4305
4302
|
text-align: left;
|
|
4306
|
-
height:
|
|
4303
|
+
height: 28px;
|
|
4307
4304
|
}
|
|
4308
4305
|
.ScArtifaxSidebar_sectionHeader:disabled {
|
|
4309
4306
|
cursor: default;
|
|
@@ -4313,8 +4310,8 @@ button.ScSidebarShell_actionRow:hover {
|
|
|
4313
4310
|
min-width: 0;
|
|
4314
4311
|
color: var(--alias-text---icons-tertiary, var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e)));
|
|
4315
4312
|
font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
|
|
4316
|
-
font-size:
|
|
4317
|
-
line-height:
|
|
4313
|
+
font-size: 10px;
|
|
4314
|
+
line-height: 20px;
|
|
4318
4315
|
letter-spacing: 1px;
|
|
4319
4316
|
text-transform: uppercase;
|
|
4320
4317
|
font-weight: 400;
|
|
@@ -4323,8 +4320,8 @@ button.ScSidebarShell_actionRow:hover {
|
|
|
4323
4320
|
white-space: nowrap;
|
|
4324
4321
|
}
|
|
4325
4322
|
.ScArtifaxSidebar_sectionChevron {
|
|
4326
|
-
width:
|
|
4327
|
-
height:
|
|
4323
|
+
width: 16px;
|
|
4324
|
+
height: 16px;
|
|
4328
4325
|
flex-shrink: 0;
|
|
4329
4326
|
color: var(--alias-text---icons-tertiary, var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e)));
|
|
4330
4327
|
}
|
|
@@ -4356,7 +4353,7 @@ button.ScSidebarShell_actionRow:hover {
|
|
|
4356
4353
|
flex: 1 1 0;
|
|
4357
4354
|
width: 100%;
|
|
4358
4355
|
min-width: 0;
|
|
4359
|
-
min-height:
|
|
4356
|
+
min-height: 48px;
|
|
4360
4357
|
align-items: center;
|
|
4361
4358
|
padding: var(--spacing-md, 0.5rem) var(--spacing-xl, 0.75rem);
|
|
4362
4359
|
border: none;
|
|
@@ -4371,8 +4368,8 @@ button.ScSidebarShell_actionRow:hover {
|
|
|
4371
4368
|
}
|
|
4372
4369
|
.ScArtifaxSidebar_appIdentityCollapsed {
|
|
4373
4370
|
display: flex;
|
|
4374
|
-
width:
|
|
4375
|
-
height:
|
|
4371
|
+
width: 48px;
|
|
4372
|
+
height: 48px;
|
|
4376
4373
|
flex-shrink: 0;
|
|
4377
4374
|
align-items: center;
|
|
4378
4375
|
justify-content: center;
|
|
@@ -4393,15 +4390,15 @@ button.ScSidebarShell_actionRow:hover {
|
|
|
4393
4390
|
flex-shrink: 0;
|
|
4394
4391
|
background: transparent;
|
|
4395
4392
|
border: none;
|
|
4396
|
-
width:
|
|
4397
|
-
height:
|
|
4393
|
+
width: 48px;
|
|
4394
|
+
height: 48px;
|
|
4398
4395
|
}
|
|
4399
4396
|
.ScArtifaxSidebar_profileRowCollapsed:hover {
|
|
4400
4397
|
background: var(--alias-fill-neutral-neutral, #1a1a1a);
|
|
4401
4398
|
}
|
|
4402
4399
|
.ScArtifaxSidebar_profileAvatar {
|
|
4403
|
-
width:
|
|
4404
|
-
height:
|
|
4400
|
+
width: 32px;
|
|
4401
|
+
height: 32px;
|
|
4405
4402
|
border-radius: var(--radius-full, 999px);
|
|
4406
4403
|
overflow: hidden;
|
|
4407
4404
|
flex-shrink: 0;
|
|
@@ -4423,9 +4420,9 @@ button.ScSidebarShell_actionRow:hover {
|
|
|
4423
4420
|
}
|
|
4424
4421
|
.ScArtifaxSidebar_profileName {
|
|
4425
4422
|
font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
|
|
4426
|
-
font-size:
|
|
4423
|
+
font-size: 14px;
|
|
4427
4424
|
font-weight: 500;
|
|
4428
|
-
line-height:
|
|
4425
|
+
line-height: 20px;
|
|
4429
4426
|
color: var(--alias-text---icons-primary, var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5)));
|
|
4430
4427
|
overflow: hidden;
|
|
4431
4428
|
text-overflow: ellipsis;
|
|
@@ -4433,9 +4430,9 @@ button.ScSidebarShell_actionRow:hover {
|
|
|
4433
4430
|
}
|
|
4434
4431
|
.ScArtifaxSidebar_profileSubtitle {
|
|
4435
4432
|
font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
|
|
4436
|
-
font-size:
|
|
4433
|
+
font-size: 12px;
|
|
4437
4434
|
font-weight: 400;
|
|
4438
|
-
line-height:
|
|
4435
|
+
line-height: 18px;
|
|
4439
4436
|
color: var(--alias-text---icons-tertiary, var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e)));
|
|
4440
4437
|
overflow: hidden;
|
|
4441
4438
|
text-overflow: ellipsis;
|
|
@@ -4464,8 +4461,8 @@ button.ScSidebarShell_actionRow:hover {
|
|
|
4464
4461
|
background: var(--alias-fill-neutral-neutral, #1a1a1a);
|
|
4465
4462
|
}
|
|
4466
4463
|
.ScArtifaxSidebar_footerToggle > * {
|
|
4467
|
-
width:
|
|
4468
|
-
height:
|
|
4464
|
+
width: 24px;
|
|
4465
|
+
height: 24px;
|
|
4469
4466
|
}
|
|
4470
4467
|
.ScArtifaxSidebar_footerCollapsed {
|
|
4471
4468
|
display: flex;
|
|
@@ -4477,8 +4474,8 @@ button.ScSidebarShell_actionRow:hover {
|
|
|
4477
4474
|
flex-shrink: 0;
|
|
4478
4475
|
}
|
|
4479
4476
|
.ScArtifaxSidebar_placeholderIcon {
|
|
4480
|
-
width:
|
|
4481
|
-
height:
|
|
4477
|
+
width: 20px;
|
|
4478
|
+
height: 20px;
|
|
4482
4479
|
flex-shrink: 0;
|
|
4483
4480
|
display: inline-flex;
|
|
4484
4481
|
align-items: center;
|
|
@@ -4486,16 +4483,16 @@ button.ScSidebarShell_actionRow:hover {
|
|
|
4486
4483
|
}
|
|
4487
4484
|
.ScArtifaxSidebar_placeholderIcon::before {
|
|
4488
4485
|
content: "";
|
|
4489
|
-
width:
|
|
4490
|
-
height:
|
|
4486
|
+
width: 10px;
|
|
4487
|
+
height: 10px;
|
|
4491
4488
|
border: 1px dashed var(--alias-text---icons-tertiary, var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e)));
|
|
4492
4489
|
border-radius: var(--radius-full, 999px);
|
|
4493
4490
|
}
|
|
4494
4491
|
.ScArtifaxSidebar_versionText {
|
|
4495
4492
|
margin: 0;
|
|
4496
4493
|
padding: var(--spacing-xxs, 0.125rem) var(--spacing-md, 0.5rem);
|
|
4497
|
-
font-size:
|
|
4498
|
-
line-height:
|
|
4494
|
+
font-size: 12px;
|
|
4495
|
+
line-height: 16px;
|
|
4499
4496
|
text-align: center;
|
|
4500
4497
|
color: var(--alias-text---icons-muted, #7a7a7a);
|
|
4501
4498
|
overflow: hidden;
|