You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
1.0 KiB
55 lines
1.0 KiB
<template>
|
|
<div class="status-view">
|
|
<div class="view-header">
|
|
<h1 class="page-title">📊 Status</h1>
|
|
<p class="page-subtitle">System status and diagnostics</p>
|
|
</div>
|
|
<div class="placeholder-content">
|
|
<p>Status view coming soon...</p>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { Vue, Component, toNative } from 'vue-facing-decorator'
|
|
|
|
@Component
|
|
class StatusView extends Vue {}
|
|
export default toNative(StatusView)
|
|
</script>
|
|
|
|
<style scoped>
|
|
.status-view {
|
|
padding: 20px;
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.view-header {
|
|
text-align: center;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.page-title {
|
|
margin: 0 0 8px 0;
|
|
font-size: 28px;
|
|
font-weight: 700;
|
|
color: white;
|
|
}
|
|
|
|
.page-subtitle {
|
|
margin: 0;
|
|
font-size: 16px;
|
|
color: rgba(255, 255, 255, 0.8);
|
|
}
|
|
|
|
.placeholder-content {
|
|
background: rgba(255, 255, 255, 0.1);
|
|
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
border-radius: 12px;
|
|
padding: 40px;
|
|
text-align: center;
|
|
color: rgba(255, 255, 255, 0.8);
|
|
backdrop-filter: blur(10px);
|
|
}
|
|
</style>
|
|
|