feat: add check backup
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user