fix(frontend): fix style of _error_.vue

This commit is contained in:
syuilo 2023-08-13 20:23:54 +09:00
parent 9487856495
commit a8d7b69fbd

View File

@ -9,16 +9,16 @@ SPDX-License-Identifier: AGPL-3.0-only
<div v-show="loaded" :class="$style.root"> <div v-show="loaded" :class="$style.root">
<img :src="serverErrorImageUrl" class="_ghost" :class="$style.img"/> <img :src="serverErrorImageUrl" class="_ghost" :class="$style.img"/>
<div class="_gaps"> <div class="_gaps">
<p><b><i class="ti ti-alert-triangle"></i> {{ i18n.ts.pageLoadError }}</b></p> <div><b><i class="ti ti-alert-triangle"></i> {{ i18n.ts.pageLoadError }}</b></div>
<p v-if="meta && (version === meta.version)">{{ i18n.ts.pageLoadErrorDescription }}</p> <div v-if="meta && (version === meta.version)">{{ i18n.ts.pageLoadErrorDescription }}</div>
<p v-else-if="serverIsDead">{{ i18n.ts.serverIsDead }}</p> <div v-else-if="serverIsDead">{{ i18n.ts.serverIsDead }}</div>
<template v-else> <template v-else>
<p>{{ i18n.ts.newVersionOfClientAvailable }}</p> <div>{{ i18n.ts.newVersionOfClientAvailable }}</div>
<p>{{ i18n.ts.youShouldUpgradeClient }}</p> <div>{{ i18n.ts.youShouldUpgradeClient }}</div>
<MkButton style="margin: 8px auto;" @click="reload">{{ i18n.ts.reload }}</MkButton> <MkButton style="margin: 8px auto;" @click="reload">{{ i18n.ts.reload }}</MkButton>
</template> </template>
<p><MkA to="/docs/general/troubleshooting" class="_link">{{ i18n.ts.troubleshooting }}</MkA></p> <div><MkA to="/docs/general/troubleshooting" class="_link">{{ i18n.ts.troubleshooting }}</MkA></div>
<p v-if="error" style="opacity: 0.7;">ERROR: {{ error }}</p> <div v-if="error" style="opacity: 0.7;">ERROR: {{ error }}</div>
</div> </div>
</div> </div>
</Transition> </Transition>