refactor: server state message formatting

This commit is contained in:
Zack Spear
2023-07-07 15:32:07 -07:00
committed by Zack Spear
parent aeca7bbc2b
commit 57b5cc462b
4 changed files with 28 additions and 26 deletions

View File

@@ -30,7 +30,7 @@ const button = computed(() => {
<span v-if="stateData.error" class="text-unraid-red font-semibold leading-8">
{{ stateData.heading }}
<br />
{{ stateData.message }}
<span v-html="stateData.message"></span>
</span>
<span>
<BrandButton

View File

@@ -28,7 +28,7 @@ const showExpireTime = computed(() => {
<header :class="{ 'text-center': showConnectCopy }">
<h2 class="text-24px text-center font-semibold" v-html="heading" />
<div v-html="subheading" class="flex flex-col gap-y-8px" />
<UpcUptimeExpire v-if="showExpireTime" class="opacity-75 mt-12px" />
<UpcUptimeExpire v-if="showExpireTime" class="text-center opacity-75 mt-12px" />
</header>
<ul class="list-reset flex flex-col gap-y-8px px-16px" v-if="stateData.actions">
<li v-for="action in stateData.actions" :key="action.name">