anentrypoint-design 0.0.48 → 0.0.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/247420.app.js +2 -2
- package/dist/247420.css +54 -0
- package/dist/247420.js +8 -8
- package/package.json +1 -1
- package/src/desktop/theme.css +10 -1
package/dist/247420.css
CHANGED
|
@@ -2359,3 +2359,57 @@
|
|
|
2359
2359
|
opacity: 0.6;
|
|
2360
2360
|
margin-right: 12px;
|
|
2361
2361
|
}
|
|
2362
|
+
|
|
2363
|
+
/* ============================================================
|
|
2364
|
+
Responsive — collapse sidebar below 860px and turn it into
|
|
2365
|
+
a horizontal scroll-pill nav at the top of the main area
|
|
2366
|
+
============================================================ */
|
|
2367
|
+
@media (max-width: 860px) {
|
|
2368
|
+
.ds-247420 .app-body { grid-template-columns: 1fr; }
|
|
2369
|
+
.ds-247420 .app-side-shell {
|
|
2370
|
+
grid-row: 1;
|
|
2371
|
+
position: sticky;
|
|
2372
|
+
top: 56px;
|
|
2373
|
+
z-index: 90;
|
|
2374
|
+
background: var(--panel-0);
|
|
2375
|
+
}
|
|
2376
|
+
.ds-247420 .app-side {
|
|
2377
|
+
height: auto;
|
|
2378
|
+
padding: 8px 12px;
|
|
2379
|
+
overflow-x: auto;
|
|
2380
|
+
overflow-y: hidden;
|
|
2381
|
+
white-space: nowrap;
|
|
2382
|
+
-webkit-overflow-scrolling: touch;
|
|
2383
|
+
border-bottom: 1px solid var(--panel-2);
|
|
2384
|
+
}
|
|
2385
|
+
.ds-247420 .app-side .group { display: none; }
|
|
2386
|
+
.ds-247420 .app-side > div, .ds-247420 .app-side nav, .ds-247420 .app-side > section {
|
|
2387
|
+
display: inline-flex;
|
|
2388
|
+
gap: 4px;
|
|
2389
|
+
flex-wrap: nowrap;
|
|
2390
|
+
}
|
|
2391
|
+
.ds-247420 .app-side a {
|
|
2392
|
+
display: inline-flex;
|
|
2393
|
+
margin: 0 2px;
|
|
2394
|
+
padding: 6px 12px;
|
|
2395
|
+
border-radius: 999px;
|
|
2396
|
+
background: var(--panel-2);
|
|
2397
|
+
font-size: 12px;
|
|
2398
|
+
}
|
|
2399
|
+
.ds-247420 .app-side a.active { background: var(--panel-accent); color: var(--panel-accent-fg); }
|
|
2400
|
+
.ds-247420 .app-topbar { padding: 0 12px; gap: 8px; }
|
|
2401
|
+
.ds-247420 .app-topbar .brand { font-size: 13px; }
|
|
2402
|
+
.ds-247420 .app-topbar input[type=search] { min-width: 120px !important; max-width: 180px; }
|
|
2403
|
+
.ds-247420 .app-main { padding: 12px 14px 80px 14px; }
|
|
2404
|
+
.ds-247420 .app-crumb { padding: 6px 14px; }
|
|
2405
|
+
}
|
|
2406
|
+
|
|
2407
|
+
@media (max-width: 480px) {
|
|
2408
|
+
.ds-247420 .app-topbar .brand .leaf { display: none; }
|
|
2409
|
+
.ds-247420 .app-topbar input[type=search] { display: none; }
|
|
2410
|
+
.ds-247420 .app-main { padding: 10px 10px 80px 10px; }
|
|
2411
|
+
.ds-247420 .panel-body { padding: 10px 12px; }
|
|
2412
|
+
.ds-247420 .row { grid-template-columns: 60px 1fr auto; gap: 8px; padding: 8px 12px; font-size: 12px; }
|
|
2413
|
+
.ds-247420 .row .meta { font-size: 10px; }
|
|
2414
|
+
.ds-247420 h1 { font-size: 22px !important; }
|
|
2415
|
+
}
|