Content-Length: 14015 | pFad | http://github.com/postgresml/postgresml/pull/1209.diff

thub.com diff --git a/pgml-dashboard/src/components/breadcrumbs/breadcrumbs.scss b/pgml-dashboard/src/components/breadcrumbs/breadcrumbs.scss new file mode 100644 index 000000000..048a6f8b1 --- /dev/null +++ b/pgml-dashboard/src/components/breadcrumbs/breadcrumbs.scss @@ -0,0 +1,36 @@ + +.breadcrumb { + .breadcrumb-item { + display: flex; + align-items: center; + text-align: center; + border: none; + + &:not(.active) a { + @extend .btn-tertiary-web-app; + padding: 0px; + } + + &.active { + a { + color: #{$gray-100}; + border-bottom: none; + + &:hover { + @include semibold_by_shadow(#{$gray-100}); + } + + &:active { + @include bold_by_shadow(#{$gray-100}); + } + + } + } + } + + .vr { + opacity: 1; + color: #{$gray-600}; + width: 2px; + } +} diff --git a/pgml-dashboard/src/components/breadcrumbs/template.html b/pgml-dashboard/src/components/breadcrumbs/template.html index f3563fe7d..69b25a2c7 100644 --- a/pgml-dashboard/src/components/breadcrumbs/template.html +++ b/pgml-dashboard/src/components/breadcrumbs/template.html @@ -1,6 +1,14 @@