feat(platform): add customer primary navigation path
This commit is contained in:
@@ -69,6 +69,63 @@ body {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.vp-customer-primary-path {
|
||||
margin: 0 4px 14px;
|
||||
padding: 12px;
|
||||
border: 1px solid rgba(22, 100, 255, 0.16);
|
||||
border-radius: 8px;
|
||||
background: #f8fbff;
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.vp-customer-primary-path-head {
|
||||
display: grid;
|
||||
gap: 3px;
|
||||
}
|
||||
|
||||
.vp-customer-primary-path-head strong {
|
||||
color: var(--vp-text);
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.vp-customer-primary-path-head span {
|
||||
color: var(--vp-text-muted);
|
||||
font-size: 11px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.vp-customer-primary-path-actions {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.vp-customer-primary-path-action {
|
||||
min-height: 30px;
|
||||
padding: 5px 8px;
|
||||
border: 1px solid var(--vp-border);
|
||||
border-radius: 7px;
|
||||
background: #ffffff;
|
||||
color: var(--vp-text-muted);
|
||||
cursor: pointer;
|
||||
font: inherit;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
line-height: 18px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.vp-customer-primary-path-action:hover,
|
||||
.vp-customer-primary-path-action:focus-visible,
|
||||
.vp-customer-primary-path-action-active {
|
||||
border-color: rgba(22, 100, 255, 0.38);
|
||||
background: #ffffff;
|
||||
color: var(--vp-primary);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.vp-nav-groups {
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
|
||||
Reference in New Issue
Block a user