updated card and board

This commit is contained in:
2025-03-06 11:11:07 +02:00
parent f3215758a3
commit 9886d5a908
4 changed files with 52 additions and 11 deletions

View File

@@ -7,20 +7,23 @@
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<style>
body {
background-color: #f8f9fa;
background-color: #343a40;
color: #f8f9fa;
}
.card {
border: 1px solid #dee2e6;
background-color: #495057;
border: 1px solid #6c757d;
border-radius: 0.25rem;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.card-title {
font-size: 1.25rem;
font-weight: 500;
color: #f8f9fa;
}
.card-text {
font-size: 1rem;
color: #6c757d;
color: #ced4da;
}
.status-online {
color: #28a745;
@@ -30,6 +33,14 @@
color: #dc3545;
font-weight: bold;
}
.btn-primary {
background-color: #007bff;
border-color: #007bff;
}
.btn-primary:hover {
background-color: #0056b3;
border-color: #004085;
}
</style>
</head>
<body>
@@ -37,7 +48,7 @@
<h1 class="text-center mb-4">ESP Board Status</h1>
<div class="row">
{% for board in boards %}
<div class="col-md-4">
<div class="col-md-4 col-sm-6">
<div class="card mb-4">
<div class="card-body">
<h5 class="card-title">{{ board.hostname }}</h5>