poptong
83b162d2bd
Some checks failed
🚀 Deploy - Demo / deployment (push) Has been cancelled
- 웹훅 URL을 https://admin.youtooplay.com/webhook로 변경 - Nginx 리버스 프록시 설정 파일 추가 - 배포 가이드 업데이트
41 lines
758 B
Vue
41 lines
758 B
Vue
<script setup lang="ts">
|
|
interface Props {
|
|
statusCode?: string | number
|
|
title?: string
|
|
description?: string
|
|
}
|
|
|
|
const props = defineProps<Props>()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="text-center">
|
|
<!-- 👉 Title and subtitle -->
|
|
<h1
|
|
v-if="props.statusCode"
|
|
class="header-title font-weight-medium mb-2"
|
|
>
|
|
{{ props.statusCode }}
|
|
</h1>
|
|
<h4
|
|
v-if="props.title"
|
|
class="text-h4 font-weight-medium mb-2"
|
|
>
|
|
{{ props.title }}
|
|
</h4>
|
|
<p
|
|
v-if="props.description"
|
|
class="text-body-1 mb-6"
|
|
>
|
|
{{ props.description }}
|
|
</p>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="scss" scoped>
|
|
.header-title {
|
|
font-size: clamp(3rem, 5vw, 6rem);
|
|
line-height: clamp(3rem, 5vw, 6rem);
|
|
}
|
|
</style>
|