ico
/
pingql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ux: move new monitor button to content area next to heading

This commit is contained in:
M1 2026-03-16 15:09:15 +04:00
parent ce155cd338
commit 389c88e124
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web/src/dashboard/home.html
View File

@ -16,7 +16,6 @@
<nav class="border-b border-gray-800 px-6 py-4 flex items-center justify-between"> <nav class="border-b border-gray-800 px-6 py-4 flex items-center justify-between">
<a href="/dashboard/home" class="text-xl font-bold tracking-tight">Ping<span class="text-blue-400">QL</span></a> <a href="/dashboard/home" class="text-xl font-bold tracking-tight">Ping<span class="text-blue-400">QL</span></a>
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<a href="/dashboard/monitors/new" class="bg-blue-600 hover:bg-blue-500 text-white text-sm font-medium px-4 py-2 rounded-lg transition-colors">+ New Monitor</a>
<a href="/dashboard/settings" class="text-gray-500 hover:text-gray-300 text-sm transition-colors">Settings</a> <a href="/dashboard/settings" class="text-gray-500 hover:text-gray-300 text-sm transition-colors">Settings</a>
<button onclick="logout()" class="text-gray-500 hover:text-gray-300 text-sm transition-colors">Logout</button> <button onclick="logout()" class="text-gray-500 hover:text-gray-300 text-sm transition-colors">Logout</button>
</div> </div>
@ -26,7 +25,10 @@
<main class="max-w-5xl mx-auto px-6 py-8"> <main class="max-w-5xl mx-auto px-6 py-8">
<div class="flex items-center justify-between mb-6"> <div class="flex items-center justify-between mb-6">
<h2 class="text-lg font-semibold text-gray-200">Monitors</h2> <h2 class="text-lg font-semibold text-gray-200">Monitors</h2>
<div id="summary" class="text-sm text-gray-500"></div> <div class="flex items-center gap-4">
<div id="summary" class="text-sm text-gray-500"></div>
<a href="/dashboard/monitors/new" class="bg-blue-600 hover:bg-blue-500 text-white text-sm font-medium px-4 py-2 rounded-lg transition-colors">+ New</a>
</div>
</div> </div>
<div id="monitors-list" class="space-y-3"> <div id="monitors-list" class="space-y-3">