Unify primary buttons with gradient pill design across the app.
Deploy Ladill Servers / deploy (push) Successful in 29s

Add shared btn-primary components and plus icons on create/new actions for a consistent Ladill UI.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
isaacclad
2026-06-08 22:49:50 +00:00
co-authored by Cursor
parent 18057106c1
commit 817afb0c2b
30 changed files with 131 additions and 44 deletions
+2 -2
View File
@@ -8,7 +8,7 @@
<p class="mt-0.5 text-sm text-slate-500">Your VPS and dedicated servers at a glance.</p>
</div>
<div class="flex flex-wrap gap-2">
<a href="{{ route('servers.vps', ['order' => 1]) }}" class="inline-flex items-center justify-center rounded-lg bg-indigo-600 px-4 py-2 text-sm font-semibold text-white transition hover:bg-indigo-700">
<a href="{{ route('servers.vps', ['order' => 1]) }}" class="inline-flex items-center justify-center btn-primary">
Order VPS
</a>
<a href="{{ route('servers.dedicated', ['order' => 1]) }}" class="inline-flex items-center justify-center rounded-lg border border-slate-200 bg-white px-4 py-2 text-sm font-semibold text-slate-700 transition hover:bg-slate-50">
@@ -40,7 +40,7 @@
<p class="text-sm font-semibold text-slate-700">No servers yet</p>
<p class="mx-auto mt-1 max-w-sm text-xs text-slate-400">Deploy a VPS or dedicated server configure region, image, and billing in minutes.</p>
<div class="mt-5 flex flex-wrap justify-center gap-2">
<a href="{{ route('servers.vps', ['order' => 1]) }}" class="rounded-lg bg-indigo-600 px-4 py-2 text-sm font-medium text-white hover:bg-indigo-700">Order VPS</a>
<a href="{{ route('servers.vps', ['order' => 1]) }}" class="btn-primary">Order VPS</a>
<a href="{{ route('servers.dedicated', ['order' => 1]) }}" class="rounded-lg border border-slate-200 px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">Order dedicated</a>
</div>
</div>