docker/caddydb
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

wip

Browse source
This commit is contained in:
pika 2025-03-24 19:58:23 +01:00
parent 82b2885576
commit fd5840df94
5 changed files with 394 additions and 104 deletions
Download patch file Download diff file Expand all files Collapse all files

31
templates/index.html
View file

@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Caddy Dashboard</title>
<title>{{ server_type }} Dashboard</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
@ -98,12 +98,29 @@
<!-- Minimal header -->
<header class="py-4 px-6 bg-black/50 backdrop-blur-sm border-b border-gray-800/50">
<div class="container mx-auto flex justify-between items-center">
<h1 class="text-xl font-medium tracking-tight text-white">Caddy Dashboard</h1>
<button onclick="toggleSearch()" class="text-sm px-3 py-1.5 bg-zinc-800 hover:bg-zinc-700 border border-zinc-700 rounded-md
transition-colors flex items-center gap-2">
<i class="fas fa-search text-xs"></i>
<span class="hidden sm:inline">/</span>
</button>
<div class="flex items-center">
<a href="/" class="text-gray-400 hover:text-white mr-3">
<i class="fas fa-home"></i>
</a>
<h1 class="text-xl font-medium tracking-tight text-white">
{{ server_type }} Dashboard
</h1>
</div>
<div class="flex items-center gap-3">
<a href="/caddy"
class="text-sm px-3 py-1.5 {% if server_type == 'Caddy' %}bg-blue-900/50 border-blue-700/50{% else %}bg-zinc-800 border-zinc-700{% endif %} hover:bg-zinc-700 border rounded-md transition-colors">
<i class="fas fa-server text-xs mr-1.5"></i>Caddy
</a>
<a href="/nginx"
class="text-sm px-3 py-1.5 {% if server_type == 'Nginx' %}bg-green-900/50 border-green-700/50{% else %}bg-zinc-800 border-zinc-700{% endif %} hover:bg-zinc-700 border rounded-md transition-colors">
<i class="fas fa-server text-xs mr-1.5"></i>Nginx
</a>
<button onclick="toggleSearch()" class="text-sm px-3 py-1.5 bg-zinc-800 hover:bg-zinc-700 border border-zinc-700 rounded-md
transition-colors flex items-center gap-2">
<i class="fas fa-search text-xs"></i>
<span class="hidden sm:inline">/</span>
</button>
</div>
</div>
</header>