44 lines
800 B
Vue
44 lines
800 B
Vue
<template>
|
|
<div>
|
|
<!-- Header -->
|
|
<div
|
|
class="flex bg-white p-4 text-lg border-b border-gray-300 h-20 items-center"
|
|
>
|
|
<div class="block text-base text-gray-700 font-semibold max-w-2xl">
|
|
{{ text }}
|
|
</div>
|
|
</div>
|
|
<!-- Main -->
|
|
<div class="flex flex-col items-center message">
|
|
<img :src="url('/logo.svg')" title="Logo"/>
|
|
<p>{{ trans('Auth need') }}</p><a :href="parent_app">{{ trans('Login') }}</a>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
props: [
|
|
"text",
|
|
"parent_app"
|
|
],
|
|
|
|
data: function() { return { } }
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
.message img {
|
|
margin: 64px 0;
|
|
}
|
|
.message p, .message a {
|
|
font-size: 29px;
|
|
color: #003197;
|
|
}
|
|
.message a {
|
|
text-decoration: underline;
|
|
font-size: 20px;
|
|
}
|
|
</style>
|