aboutsummaryrefslogtreecommitdiff
path: root/packages/client/src/components/BaseErrorMessage.vue
blob: e2c0bcfc5479d13c1ae7c9daf7e7d823c74a9967 (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
28
29
<template>
	<div v-if="fetchFailed" class="fs-5">
		<span class="fetch-error-title">Error</span>
		<p>{{ fetchFailed }}</p>
	</div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
	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>