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

style: remove gradient buttons, use flat blue 

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Nate 2026-03-19 12:32:10 +04:00
parent f4282bac58
commit 9937272ba3
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/src/dashboard/tailwind.css
View File

File diff suppressed because one or more lines are too long

4
apps/web/src/tailwind.css
View File

@ -47,7 +47,7 @@
/* ─── Buttons ─── */
.btn-primary {
background: linear-gradient(180deg, #4f8ff7 0%, #2563eb 100%);
background: #2563eb;
color: white;
font-weight: 500;
border-radius: 0.5rem;
@ -55,7 +55,7 @@
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 12px rgba(59, 130, 246, 0.15);
}
.btn-primary:hover {
background: linear-gradient(180deg, #60a5fa 0%, #3b82f6 100%);
background: #3b82f6;
box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3), 0 0 20px rgba(59, 130, 246, 0.2);
}
.btn-secondary {

12
apps/web/src/views/landing.ejs
View File

@ -121,7 +121,7 @@
border: 1px solid #232329;
}
.pricing-pro {
background: linear-gradient(180deg, #161a24 0%, #141418 100%);
background: #151720;
border: 1px solid #3b82f650;
box-shadow: 0 0 40px rgba(59, 130, 246, 0.1), 0 0 80px rgba(59, 130, 246, 0.05);
position: relative;
@ -132,7 +132,7 @@
top: -10px;
left: 50%;
transform: translateX(-50%);
background: linear-gradient(180deg, #4f8ff7, #2563eb);
background: #2563eb;
color: white;
font-size: 11px;
font-weight: 600;
@ -141,7 +141,7 @@
letter-spacing: 0.02em;
}
.pricing-lifetime {
background: linear-gradient(180deg, #1a1810 0%, #141418 100%);
background: #18170f;
border: 1px solid #eab30840;
box-shadow: 0 0 30px rgba(234, 179, 8, 0.06);
}
@ -160,7 +160,7 @@
</nav>
<div class="flex items-center gap-3">
<a href="/dashboard" class="text-sm text-gray-400 hover:text-gray-200 transition-colors">Sign in</a>
<a href="/dashboard" class="text-sm text-white px-4 py-2 rounded-lg font-medium transition-all" style="background:linear-gradient(180deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 1px 2px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1)">Get started</a>
<a href="/dashboard" class="text-sm text-white px-4 py-2 rounded-lg font-medium transition-all" style="background:#2563eb;box-shadow:0 1px 3px rgba(0,0,0,0.3),0 0 12px rgba(59,130,246,0.15)">Get started</a>
</div>
</div>
</header>
@ -182,7 +182,7 @@
Go beyond simple pings. Write queries against status codes, JSON bodies, HTML selectors, headers, cert expiry — everything your response contains.
</p>
<div class="flex flex-wrap gap-4">
<a href="/dashboard" class="inline-flex items-center gap-2 px-6 py-3 text-white font-medium rounded-lg transition-all text-sm" style="background:linear-gradient(180deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 1px 2px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1)">
<a href="/dashboard" class="inline-flex items-center gap-2 px-6 py-3 text-white font-medium rounded-lg transition-all text-sm" style="background:#2563eb;box-shadow:0 1px 3px rgba(0,0,0,0.3),0 0 12px rgba(59,130,246,0.15)">
Get Started Free
<svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6"/></svg>
</a>
@ -589,7 +589,7 @@
</div>
<div class="mt-12">
<a href="/dashboard" class="inline-flex items-center gap-2 px-8 py-3.5 text-white font-medium rounded-lg transition-all text-sm" style="background:linear-gradient(180deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 1px 2px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1)">
<a href="/dashboard" class="inline-flex items-center gap-2 px-8 py-3.5 text-white font-medium rounded-lg transition-all text-sm" style="background:#2563eb;box-shadow:0 1px 3px rgba(0,0,0,0.3),0 0 12px rgba(59,130,246,0.15)">
Get Started
<svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6"/></svg>
</a>