diff --git a/dashboard/pkg/epinio/components/dashboard/Cards.vue b/dashboard/pkg/epinio/components/dashboard/Cards.vue index 557795f9..e6712a45 100644 --- a/dashboard/pkg/epinio/components/dashboard/Cards.vue +++ b/dashboard/pkg/epinio/components/dashboard/Cards.vue @@ -1,9 +1,9 @@ @@ -256,15 +305,12 @@ function generateCards() {

{{ t('epinio.intro.welcome') }}

{{ version.displayVersion }} -

{{ t('epinio.intro.blurb') }}

-

{{ t('epinio.intro.description') }}

- - {{ t('epinio.intro.metrics.availability', { availableCpu, availableMemory }) }} - {{ t('epinio.intro.metrics.link.label') }} - + -
- -
    -
  • - {{ ns.id }} -
  • -
-
+
    +
  • + {{ ns.id }} +
  • +
- - - - + - - -
    -
  • +
  • + + {{ service.name }} + + + + + - - {{ service.name }} - + - - - - {{ service.name }} - + - -
  • -
-
+ {{ service.name }} + + +
+ +
@@ -427,6 +463,36 @@ function generateCards() { grid-gap: 20px; } } + +ul { + list-style: none; + padding: 0; + margin: 0; + display: flex; + flex-direction: column; + gap: $space-s; + + li, .link { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + font-size: 14px; + + &:not(:last-child) { + border-bottom: 1px solid var(--border); + padding-bottom: $space-s; + } + } + + li > .disabled { + color: var(--disabled-text); + } + + .disabled { + cursor: not-allowed; + } +}