mirror of
https://github.com/Studio-Saelix/sencho.git
synced 2026-08-24 00:49:45 +00:00
feat(security): reflow the node Security page for mobile (#1372)
* feat(security): reflow the node Security page for mobile Below the md breakpoint the Security page now reads as a phone surface instead of a squeezed desktop, with no change to the desktop layout. - Masthead stat cluster moves into a full-width 3-cell strip (critical / high / last scan) below the tab strip, since the masthead hides its inline cluster on a phone. - The eight-section tab strip becomes a horizontally scrollable mono row with an edge mask-fade and a cyan underline on the active tab; every section stays reachable by scroll. - The six totals render as a 3x2 hairline-divided grid instead of the 640px-wide rail that forced a horizontal scroll. - The Images tab becomes a filterable, scrollable list (severity dot, truncated ref, freshness, critical/high count tags) with a chip row, in place of the desktop table. - A freshness footer band states scan recency and scanner version. All mobile treatment is gated by useIsMobile() or max-md: utilities, so the desktop view is byte-identical. Charts are reused full-width. * feat(security): make the mobile Security page a bespoke masthead-led screen On a phone the Security page now drops the global top bar and leads with its masthead (the notifications + more-menu cluster moves into the masthead's right slot), matching Home and Fleet so the mobile shell is continuous across pages. The view is reclassified bespoke and rendered through the masthead-led path; the desktop layout is unchanged. The mobile "more" menu now lists every destination instead of omitting the bottom-tab views, so the same menu opens the same set on every screen rather than changing contents from page to page.
This commit is contained in:
@@ -2,6 +2,10 @@ import type { ScanSummary, VulnSeverity } from '@/types/security';
|
||||
|
||||
export type SeverityKey = VulnSeverity | 'CLEAN' | 'FINDINGS';
|
||||
|
||||
/** Image-list filter value: any severity key, the "all" sentinel, or the
|
||||
* phone-only FIXABLE pseudo-filter (images with at least one fixable finding). */
|
||||
export type ImageFilterValue = 'all' | SeverityKey | 'FIXABLE';
|
||||
|
||||
/**
|
||||
* The display "key" for a scan summary: its highest vulnerability severity, or
|
||||
* `FINDINGS` when the scan has only secrets/misconfigurations (stored
|
||||
|
||||
Reference in New Issue
Block a user