feat: offer a demo instance link from the live deployment
This commit is contained in:
parent
cdace7d170
commit
b60a492417
10 changed files with 63 additions and 8 deletions
|
|
@ -1,7 +1,7 @@
|
|||
<script setup lang="ts">
|
||||
import { messages } from '../lib/messages'
|
||||
|
||||
defineProps<{ code: string; message: string }>()
|
||||
defineProps<{ code: string; message: string; demoUrl?: string | null }>()
|
||||
defineEmits<{ retry: [] }>()
|
||||
</script>
|
||||
|
||||
|
|
@ -9,6 +9,9 @@ defineEmits<{ retry: [] }>()
|
|||
<div class="error" role="alert" :data-error-code="code">
|
||||
<p>{{ message }}</p>
|
||||
<button type="button" @click="$emit('retry')">{{ messages.streamErrorRetry }}</button>
|
||||
<a v-if="demoUrl" class="demo-link" :href="demoUrl">
|
||||
{{ messages.streamErrorDemoInstance }}
|
||||
</a>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
@ -36,4 +39,16 @@ defineEmits<{ retry: [] }>()
|
|||
border-radius: var(--r-md);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.demo-link {
|
||||
display: inline-block;
|
||||
margin-top: var(--s-3);
|
||||
margin-left: var(--s-3);
|
||||
padding: 8px var(--s-4);
|
||||
color: var(--c-text);
|
||||
font-family: var(--f-mono);
|
||||
font-size: var(--t-micro);
|
||||
border: 1px solid var(--c-line-strong);
|
||||
border-radius: var(--r-md);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue