fix: update icon styles and sizes in services section for consistency

This commit is contained in:
2025-12-23 11:32:13 -05:00
parent 6097081e60
commit 99ff05f7dd

View File

@@ -239,8 +239,8 @@
<div class="absolute top-0 right-0 w-64 h-64 bg-primary/10 rounded-full blur-3xl -translate-y-1/2 translate-x-1/2 group-hover:scale-150 transition-transform duration-700"></div>
<div class="relative z-10">
<div class="flex items-start justify-between mb-5">
<div class="w-14 h-14 rounded-2xl bg-gradient-to-br from-primary to-primary/70 flex items-center justify-center shadow-lg shadow-primary/30">
<x-ri-line-chart-line class="size-7 text-white" />
<div class="w-12 h-12 rounded-2xl flex items-center justify-center" style="background: linear-gradient(to bottom right, #93c5fd, #60a5fa); box-shadow: 0 10px 15px -3px rgba(96, 165, 250, 0.3);">
<x-ri-line-chart-line class="size-6 text-white" />
</div>
<div class="flex gap-1.5">
<span class="px-2.5 py-1 bg-primary/10 text-primary text-xs font-medium rounded-full">CPU</span>
@@ -278,8 +278,8 @@
<div class="group relative overflow-hidden bg-gradient-to-br from-info/5 via-background-secondary to-background-secondary border border-info/20 hover:border-info/40 rounded-3xl p-8 transition-all duration-500 hover:shadow-2xl hover:shadow-info/10">
<div class="absolute bottom-0 right-0 w-48 h-48 bg-info/10 rounded-full blur-3xl translate-y-1/2 translate-x-1/2 group-hover:scale-150 transition-transform duration-700"></div>
<div class="relative z-10 h-full flex flex-col">
<div class="w-14 h-14 rounded-2xl flex items-center justify-center mb-5" style="background: linear-gradient(to bottom right, #8b5cf6, rgba(139, 92, 246, 0.7)); box-shadow: 0 10px 15px -3px rgba(139, 92, 246, 0.3);">
<x-ri-terminal-box-line class="size-7 text-white" />
<div class="w-12 h-12 rounded-2xl flex items-center justify-center mb-5" style="background: linear-gradient(to bottom right, #c4b5fd, #a78bfa); box-shadow: 0 10px 15px -3px rgba(167, 139, 250, 0.3);">
<x-ri-terminal-box-line class="size-6 text-white" />
</div>
<h3 class="text-xl font-bold text-color-base mb-2">VNC Console</h3>
<p class="text-color-muted text-sm leading-relaxed mb-5 flex-1">Direct web-based access to your VPS. Perfect for OS installation and recovery mode.</p>
@@ -368,7 +368,7 @@
<div class="absolute top-0 right-0 w-48 h-48 bg-warning/5 rounded-full blur-3xl -translate-y-1/2 translate-x-1/2 group-hover:scale-150 transition-transform duration-700"></div>
<div class="relative z-10 h-full flex flex-col">
<div class="flex items-start justify-between mb-4">
<div class="w-12 h-12 rounded-2xl flex items-center justify-center" style="background: linear-gradient(to bottom right, #f59e0b, rgba(245, 158, 11, 0.7)); box-shadow: 0 10px 15px -3px rgba(245, 158, 11, 0.3);">
<div class="w-12 h-12 rounded-2xl flex items-center justify-center" style="background: linear-gradient(to bottom right, #fcd34d, #fbbf24); box-shadow: 0 10px 15px -3px rgba(251, 191, 36, 0.3);">
<x-ri-shield-keyhole-line class="size-6 text-white" />
</div>
<div class="flex gap-1.5">
@@ -404,7 +404,7 @@
<div class="absolute bottom-0 left-0 w-48 h-48 bg-success/5 rounded-full blur-3xl translate-y-1/2 -translate-x-1/2 group-hover:scale-150 transition-transform duration-700"></div>
<div class="relative z-10 h-full flex flex-col">
<div class="flex items-start justify-between mb-4">
<div class="w-12 h-12 rounded-2xl bg-gradient-to-br from-success to-success/70 flex items-center justify-center shadow-lg shadow-success/30">
<div class="w-12 h-12 rounded-2xl flex items-center justify-center" style="background: linear-gradient(to bottom right, #86efac, #4ade80); box-shadow: 0 10px 15px -3px rgba(74, 222, 128, 0.3);">
<x-ri-database-2-line class="size-6 text-white" />
</div>
<div class="px-2.5 py-1 bg-success/10 rounded-lg border border-success/20">
@@ -448,7 +448,7 @@
<div class="absolute top-0 left-0 w-48 h-48 bg-purple-500/5 rounded-full blur-3xl -translate-y-1/2 -translate-x-1/2 group-hover:scale-150 transition-transform duration-700"></div>
<div class="relative z-10 h-full flex flex-col">
<div class="flex items-start justify-between mb-4">
<div class="w-12 h-12 rounded-2xl bg-gradient-to-br from-purple-500 to-purple-500/70 flex items-center justify-center shadow-lg shadow-purple-500/30">
<div class="w-12 h-12 rounded-2xl flex items-center justify-center" style="background: linear-gradient(to bottom right, #d8b4fe, #c084fc); box-shadow: 0 10px 15px -3px rgba(192, 132, 252, 0.3);">
<x-ri-hard-drive-2-line class="size-6 text-white" />
</div>
<div class="text-right">
@@ -491,7 +491,7 @@
<div class="absolute bottom-0 right-0 w-48 h-48 bg-error/5 rounded-full blur-3xl translate-y-1/2 translate-x-1/2 group-hover:scale-150 transition-transform duration-700"></div>
<div class="relative z-10 h-full flex flex-col">
<div class="flex items-start justify-between mb-4">
<div class="w-12 h-12 rounded-2xl bg-gradient-to-br from-error to-error/70 flex items-center justify-center shadow-lg shadow-error/30">
<div class="w-12 h-12 rounded-2xl flex items-center justify-center" style="background: linear-gradient(to bottom right, #fda4af, #fb7185); box-shadow: 0 10px 15px -3px rgba(251, 113, 133, 0.3);">
<x-ri-shut-down-line class="size-6 text-white" />
</div>
<div class="flex items-center gap-2 px-2.5 py-1 bg-success/10 rounded-lg border border-success/20">