File name
Commit message
Commit date
05-22
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<template>
<div class="content2">
<div class="flex flex-column justify-center align-center" style="height:100%">
<div class="img mb30"><img src="/client/resources/img/system.png" alt="시스템 점검 이미지" class="system-img">
</div>
<div class="system-title mb30">시스템 <strong class="system-message">점검 중</strong>입니다.</div>
<div class="detail-text text-ct mb30">
<strong>안녕하세요, 소속 입니다.</strong><br />
<br />
빠르고 안정적인 서비스를 제공하기 위해
시스템 점검 작업을 진행 중입니다.<br />
이에 서비스가 다음과 같이 중지될 예정이오니 서비스 이용에 참고하시기 바랍니다.<br />
</div>
<div class="upload-btn text-lf pd30 mb30 pl100 pr100">
<strong class="system-text1 block mb5">작업시간 : 2024. 5. 13.(월), 20:00 ~ 5. 14.(화), 00:30 (4시간 30분)</strong>
<strong class="system-text2 block mb5">작업내용 : 시스템 정기 점검</strong>
<strong class="system-text3 block mb5">중지대상 : 소속 홈페이지</strong>
</div>
<div class="detail-text text-ct mb30">
서비스 이용에 불편을 드리는 점 양해부탁드립니다.<br />
보다 나은 서비스를 제공하기 위해 노력하겠습니다.<br />
감사합니다.<br />
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
},
watch: {
},
computed: {
},
components: {
},
mounted() {
},
}
</script>
<style>
.content2 {
width: 100%;
height: 100vh;
}
.mb30 {
margin-bottom: 3rem;
}
.text-ct {
text-align: center;
}
.system-message {
color: var(--blue);
}
.upload-btn{
border: 1px solid #007aff;
color: #007aff;
background-color: #eff5ff;
border-radius: 5px;
}
.upload-btn p,
.system-text2,
.system-text3 {
color: var(--gray-dark)
}
.system-text1,
.system-text2,
.system-text3 {
font-size: 2rem;
}
.system-title {
font-size: 3rem;
}
</style>