aboutsummaryrefslogtreecommitdiff
path: root/packages/client/src/components/BaseErrorMessage.vue
blob: 7f193ce06d2aa0b21acc04f12cb2604abc9fd6b5 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
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>