@deepgram/styles 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/dist/deepgram.css +2966 -2
- package/lib/deepgram.css +2 -35
- package/package.json +1 -1
package/lib/deepgram.css
CHANGED
|
@@ -1411,50 +1411,17 @@
|
|
|
1411
1411
|
/* Right Sidebar - fixed width on tablet+, full width on mobile */
|
|
1412
1412
|
.dg-column--sidebar-right {
|
|
1413
1413
|
/* Layout only - no colors */
|
|
1414
|
-
position: relative;
|
|
1415
1414
|
}
|
|
1416
1415
|
|
|
1417
|
-
|
|
1418
|
-
@media (min-width: 768px) and (max-width: 1279px) {
|
|
1416
|
+
@media (min-width: 1024px) {
|
|
1419
1417
|
.dg-column--sidebar-right {
|
|
1420
|
-
|
|
1421
|
-
top: 65px; /* Account for header height */
|
|
1422
|
-
right: 0;
|
|
1423
|
-
height: calc(100vh - 65px);
|
|
1424
|
-
@apply w-64 flex-shrink-0;
|
|
1425
|
-
transition: transform 300ms ease;
|
|
1426
|
-
z-index: 20;
|
|
1427
|
-
box-shadow: -4px 0 16px rgba(0, 0, 0, 0.5);
|
|
1418
|
+
@apply w-48 flex-shrink-0;
|
|
1428
1419
|
}
|
|
1429
1420
|
|
|
1430
1421
|
.dg-column--sidebar-right.dg-column--sm {
|
|
1431
|
-
@apply w-80;
|
|
1432
|
-
}
|
|
1433
|
-
|
|
1434
|
-
.dg-column--sidebar-right.dg-column--lg {
|
|
1435
|
-
@apply w-96;
|
|
1436
|
-
}
|
|
1437
|
-
|
|
1438
|
-
.dg-column--sidebar-right.dg-column--xl {
|
|
1439
|
-
@apply w-128;
|
|
1440
|
-
}
|
|
1441
|
-
|
|
1442
|
-
/* Collapsed state - slide mostly off screen but leave button visible */
|
|
1443
|
-
.dg-column--sidebar-right.collapsed {
|
|
1444
|
-
transform: translateX(calc(100% - 2rem));
|
|
1445
|
-
}
|
|
1446
|
-
}
|
|
1447
|
-
|
|
1448
|
-
/* Above 1280px: Normal sidebar behavior */
|
|
1449
|
-
@media (min-width: 1280px) {
|
|
1450
|
-
.dg-column--sidebar-right {
|
|
1451
1422
|
@apply w-64 flex-shrink-0;
|
|
1452
1423
|
}
|
|
1453
1424
|
|
|
1454
|
-
.dg-column--sidebar-right.dg-column--sm {
|
|
1455
|
-
@apply w-80 flex-shrink-0;
|
|
1456
|
-
}
|
|
1457
|
-
|
|
1458
1425
|
.dg-column--sidebar-right.dg-column--lg {
|
|
1459
1426
|
@apply w-96 flex-shrink-0;
|
|
1460
1427
|
}
|