mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2025-08-06 13:38:49 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

improve demo error styling

Browse Source
This commit is contained in:
Philipp Kühn 2021-02-11 09:35:46 +01:00
parent c879dc3a18
commit d75027a121
2 changed files with 10 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
docs/src/components/Demo/index.vue
View File

@ -29,12 +29,9 @@
</a>
</div>
</template>
<template v-else>
<div v-if="mainFile === false" class="demo__error">
Could not find a demo called “{{ name }}”.
</div>
<div v-else class="demo__skeleton" />
</template>
<div v-else class="demo__error">
Could not find a demo called “{{ name }}”.
</div>
</div>
</template>

18
docs/src/components/Demo/style.scss
View File

@ -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;
}
}