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
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>