updated card and board
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user