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:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user