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

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

@ -121,7 +121,7 @@
border: 1px solid #232329; border: 1px solid #232329;
} }
.pricing-pro { .pricing-pro {
background: linear-gradient(180deg, #161a24 0%, #141418 100%); background: #151720;
border: 1px solid #3b82f650; border: 1px solid #3b82f650;
box-shadow: 0 0 40px rgba(59, 130, 246, 0.1), 0 0 80px rgba(59, 130, 246, 0.05); box-shadow: 0 0 40px rgba(59, 130, 246, 0.1), 0 0 80px rgba(59, 130, 246, 0.05);
position: relative; position: relative;
@ -132,7 +132,7 @@
top: -10px; top: -10px;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
background: linear-gradient(180deg, #4f8ff7, #2563eb); background: #2563eb;
color: white; color: white;
font-size: 11px; font-size: 11px;
font-weight: 600; font-weight: 600;
@ -141,7 +141,7 @@
letter-spacing: 0.02em; letter-spacing: 0.02em;
} }
.pricing-lifetime { .pricing-lifetime {
background: linear-gradient(180deg, #1a1810 0%, #141418 100%); background: #18170f;
border: 1px solid #eab30840; border: 1px solid #eab30840;
box-shadow: 0 0 30px rgba(234, 179, 8, 0.06); box-shadow: 0 0 30px rgba(234, 179, 8, 0.06);
} }
@ -160,7 +160,7 @@
</nav> </nav>
<div class="flex items-center gap-3"> <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-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>
</div> </div>
</header> </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. Go beyond simple pings. Write queries against status codes, JSON bodies, HTML selectors, headers, cert expiry — everything your response contains.
</p> </p>
<div class="flex flex-wrap gap-4"> <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 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> <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> </a>
@ -589,7 +589,7 @@
</div> </div>
<div class="mt-12"> <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 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> <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> </a>