baobab/core/actor/index.html
2025-08-06 12:48:32 +02:00

63 lines
1.8 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Baobab Actor UI</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet">
<style>
body {
background-color: #1a1a1a;
color: #ffffff;
}
.navbar-dark {
background-color: #2d2d2d !important;
}
.card {
background-color: #2d2d2d;
border-color: #404040;
}
.card-header {
background-color: #404040;
border-color: #505050;
}
.list-group-item {
background-color: #2d2d2d;
border-color: #404040;
color: #ffffff;
}
.list-group-item.active {
background-color: #0d6efd;
border-color: #0d6efd;
}
.btn-outline-primary {
border-color: #0d6efd;
color: #0d6efd;
}
.btn-outline-primary:hover {
background-color: #0d6efd;
border-color: #0d6efd;
}
.table-dark {
--bs-table-bg: #2d2d2d;
}
.table-hover tbody tr:hover {
background-color: #404040;
}
</style>
</head>
<body>
<div id="app">
<div class="d-flex justify-content-center align-items-center" style="height: 100vh;">
<div class="text-center">
<div class="spinner-border text-primary" role="status">
<span class="visually-hidden">Loading...</span>
</div>
<p class="mt-2">Loading Baobab Actor UI...</p>
</div>
</div>
</div>
</body>
</html>