style improvements

one-zero-eight · Nov 23, 2024 · 5f40b73 · 5f40b73
1 parent b49b3ec
commit 5f40b73
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/frontend/src/components/EventCard.tsx b/frontend/src/components/EventCard.tsx
@@ -59,7 +59,7 @@ export function EventCard({ event }: { event: Event }) {
   const age = ageText(event.age_min, event.age_max);
 
   return (
-    <div className="flex overflow-hidden rounded-lg border">
+    <div className="flex overflow-hidden rounded-lg border bg-white shadow-sm">
       <div
         className={cn(
           "flex w-[175px] flex-shrink-0 flex-grow-0 flex-col items-center justify-center text-white",

diff --git a/frontend/src/routes/search.tsx b/frontend/src/routes/search.tsx
@@ -149,14 +149,14 @@ function RouteComponent() {
             placeholder="Название, вид спорта, город..."
           />
         </div>
-        <div className="flex flex-col gap-4 p-4">
+        <div className="flex flex-col gap-4 bg-stone-100 p-4">
           {loading ? (
             <>
-              <Skeleton className="h-[200px]" />
-              <Skeleton className="h-[200px]" />
-              <Skeleton className="h-[200px]" />
-              <Skeleton className="h-[200px]" />
-              <Skeleton className="h-[200px]" />
+              <Skeleton className="h-[200px] bg-stone-200" />
+              <Skeleton className="h-[200px] bg-stone-200" />
+              <Skeleton className="h-[200px] bg-stone-200" />
+              <Skeleton className="h-[200px] bg-stone-200" />
+              <Skeleton className="h-[200px] bg-stone-200" />
             </>
           ) : data?.events.length ? (
             data.events.map((event) => (