fix: remove card shadows from prices page to match site-wide border-style

All other pages (contact, admin, account, today, book) use border-based card styling without drop shadows. Removes shadow-sm, hover:shadow-md, and transition classes from all Card.Root instances on the prices page.
This commit is contained in:
2026-08-22 00:34:49 +01:00
parent 9d76b3a87b
commit 51d29e6bd4
+6 -6
View File
@@ -63,7 +63,7 @@
{#if servicesLoading}
<div class="space-y-4">
{#each range(5) as i (i)}
<Card.Root class="shadow-sm">
<Card.Root>
<Card.Content>
<div class="flex items-start justify-between">
<div class="flex-1 space-y-2">
@@ -81,7 +81,7 @@
{/each}
</div>
{:else if services.length === 0}
<Card.Root class="shadow-sm">
<Card.Root>
<Card.Content>
<div class="py-12 text-center">
<div class="mb-4 text-lg text-gray-600">No services available at the moment.</div>
@@ -92,7 +92,7 @@
{:else}
<div class="space-y-4">
{#each services as service (service.id)}
<Card.Root class="shadow-sm transition-all duration-200 hover:shadow-md">
<Card.Root>
<Card.Content>
<div class="flex items-start justify-between gap-4">
<div class="min-w-0 flex-1">
@@ -153,7 +153,7 @@
{/each}
</div>
<Card.Root class="border-dashed border-gray-200 bg-gray-50/50 shadow-sm">
<Card.Root class="border-dashed border-gray-200 bg-gray-50/50">
<Card.Content class="p-6 text-center">
<p class="text-sm text-gray-600">
Need something different? Select the closest service and add a note, or contact us for a
@@ -168,7 +168,7 @@
</Card.Content>
</Card.Root>
<Card.Root class="border-gray-200 bg-gray-50/80 shadow-sm">
<Card.Root class="border-gray-200 bg-gray-50/80">
<Card.Header>
<Card.Title class="flex items-center gap-2 text-gray-700">
<svg
@@ -213,7 +213,7 @@
</Card.Content>
</Card.Root>
<Card.Root class="bg-primary/5 shadow-sm">
<Card.Root class="bg-primary/5">
<Card.Content class="p-6 text-center md:p-8">
<h2 class="mb-4 text-lg font-semibold text-primary md:text-xl">Ready to Book?</h2>
<div class="flex flex-col gap-3 md:flex-row md:justify-center md:gap-4">