feat: add check backup

This commit is contained in:
2026-03-16 11:30:34 +01:00
parent 3f00c229cb
commit 5495e18173
10 changed files with 678 additions and 95 deletions

View File

@@ -1,7 +1,7 @@
<template>
<div class="status-card card-glow">
<div class="card-header">
<h2 class="card-title">Status</h2>
<h2 class="card-title">Status App</h2>
<span class="font-mono text-[10px] text-m-muted tracking-widest uppercase">Services</span>
</div>
@@ -119,13 +119,16 @@ onBeforeUnmount(() => {
<style scoped>
.status-card {
background: rgb(var(--m-secondary));
border-radius: 12px;
background:
linear-gradient(180deg, rgb(var(--m-secondary) / 0.78), rgb(var(--m-secondary) / 0.92));
border-radius: 20px;
padding: 1.25rem;
border: 1px solid rgb(var(--m-border) / 0.32);
box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.03);
display: flex;
flex-direction: column;
gap: 0.625rem;
transition: background-color 0.4s ease;
gap: 0.75rem;
transition: background-color 0.4s ease, border-color 0.2s ease;
}
.card-header {
@@ -146,10 +149,11 @@ onBeforeUnmount(() => {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.75rem 1rem;
border-radius: 8px;
background: rgb(var(--m-tertiary));
border: 1px solid transparent;
min-height: 3.2rem;
padding: 0.85rem 1rem;
border-radius: 14px;
background: rgb(var(--m-tertiary) / 0.75);
border: 1px solid rgb(var(--m-border) / 0.2);
transition: all 0.2s ease;
}