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

ux: widen dashboard layout to max-w-7xl, consistent px-8 padding

This commit is contained in:
M1 2026-03-16 17:15:45 +04:00
parent d41d3a3737
commit 8e4cb84599
4 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/src/views/detail.ejs
View File

@ -1,7 +1,7 @@
<%~ include('./partials/head', { title: 'Monitor', scripts: ['/dashboard/query-builder.js'] }) %> <%~ include('./partials/head', { title: 'Monitor', scripts: ['/dashboard/query-builder.js'] }) %>
<%~ include('./partials/nav', { nav: 'monitors' }) %> <%~ include('./partials/nav', { nav: 'monitors' }) %>
<main class="max-w-4xl mx-auto px-6 py-8"> <main class="max-w-7xl mx-auto px-8 py-8">
<div class="mb-6"> <div class="mb-6">
<a href="/dashboard/home" class="text-sm text-gray-500 hover:text-gray-300 transition-colors">&larr; Back</a> <a href="/dashboard/home" class="text-sm text-gray-500 hover:text-gray-300 transition-colors">&larr; Back</a>
</div> </div>

2
apps/web/src/views/home.ejs
View File

@ -2,7 +2,7 @@
<%~ include('./partials/nav', { nav: 'monitors' }) %> <%~ include('./partials/nav', { nav: 'monitors' }) %>
<!-- Content --> <!-- Content -->
<main class="max-w-5xl mx-auto px-6 py-8"> <main class="max-w-7xl mx-auto px-8 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 class="flex items-center gap-4"> <div class="flex items-center gap-4">

2
apps/web/src/views/partials/nav.ejs
View File

@ -1,4 +1,4 @@
<nav class="border-b border-gray-800 px-6 py-4 flex items-center justify-between"> <nav class="border-b border-gray-800 px-8 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-5 text-sm text-gray-500"> <div class="flex items-center gap-5 text-sm text-gray-500">
<% if (it.nav === 'monitors') { %> <% if (it.nav === 'monitors') { %>

2
apps/web/src/views/settings.ejs
View File

@ -1,7 +1,7 @@
<%~ include('./partials/head', { title: 'Settings' }) %> <%~ include('./partials/head', { title: 'Settings' }) %>
<%~ include('./partials/nav', { nav: 'settings' }) %> <%~ include('./partials/nav', { nav: 'settings' }) %>
<main class="max-w-2xl mx-auto px-6 py-10 space-y-8"> <main class="max-w-3xl mx-auto px-8 py-10 space-y-8">
<h1 class="text-xl font-semibold text-white">Settings</h1> <h1 class="text-xl font-semibold text-white">Settings</h1>