diff --git a/docs/src/components/Demo/index.vue b/docs/src/components/Demo/index.vue index 4377655b..d81e7e06 100644 --- a/docs/src/components/Demo/index.vue +++ b/docs/src/components/Demo/index.vue @@ -29,12 +29,9 @@ - +
+ Could not find a demo called “{{ name }}”. +
diff --git a/docs/src/components/Demo/style.scss b/docs/src/components/Demo/style.scss index 1bd03c66..6403afd0 100644 --- a/docs/src/components/Demo/style.scss +++ b/docs/src/components/Demo/style.scss @@ -89,16 +89,12 @@ } &__error { - padding: 1rem 1.5rem; - color: $colorRed; - background-color: rgba($colorRed, 0.1); - } - - &__skeleton { - border-top-left-radius: inherit; - border-top-right-radius: inherit; - background-color: $colorWhite; - min-height: 20rem; - opacity: 0.1; + padding: 1rem 1.25rem; + border-radius: 0.75rem; + border: 3px solid $colorBlack; + background-color: $colorRed; + font-size: 1.1rem; + font-weight: 700; + margin-bottom: 0.25rem; } }