diff options
Diffstat (limited to 'packages/client/src/components/BaseErrorMessage.vue')
| -rw-r--r-- | packages/client/src/components/BaseErrorMessage.vue | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/packages/client/src/components/BaseErrorMessage.vue b/packages/client/src/components/BaseErrorMessage.vue new file mode 100644 index 0000000..7f193ce --- /dev/null +++ b/packages/client/src/components/BaseErrorMessage.vue @@ -0,0 +1,27 @@ +<template> + <div v-if="fetchFailed" class="fs-5"> + <span class="fetch-error-title">Error</span> + <p>{{ fetchFailed }}</p> + </div> +</template> + +<script> +export default { + name: "BaseErrorMessage", + props: { + fetchFailed: { + type: String, + required: true + } + } +}; +</script> + +<style lang="scss" scoped> +@use "../scss/colors"; + +.fetch-error-title { + color: colors.$danger; + font-weight: 700; +} +</style> |