From d3adf07c3ff76dd25b25f1a6fc90f5a187d77e77 Mon Sep 17 00:00:00 2001
From: Oronemu <Oronemu@mail.ru>
Date: Sun, 21 Dec 2025 03:05:57 +0700
Subject: [PATCH] Add covers

---
 frontend/src/components/ui/NeonButton.tsx |  8 ++------
 frontend/src/pages/MarathonPage.tsx       | 18 ++++++++++++++++--
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/ui/NeonButton.tsx b/frontend/src/components/ui/NeonButton.tsx
index 9d63daf..c5fb460 100644
--- a/frontend/src/components/ui/NeonButton.tsx
+++ b/frontend/src/components/ui/NeonButton.tsx
@@ -128,13 +128,9 @@ export const NeonButton = forwardRef<HTMLButtonElement, NeonButtonProps>(
         {...props}
       >
         {isLoading && <Loader2 className={clsx(iconSizes[size], 'animate-spin')} />}
-        {!isLoading && icon && iconPosition === 'left' && (
-          <span className={iconSizes[size]}>{icon}</span>
-        )}
+        {!isLoading && icon && iconPosition === 'left' && icon}
         {children}
-        {!isLoading && icon && iconPosition === 'right' && (
-          <span className={iconSizes[size]}>{icon}</span>
-        )}
+        {!isLoading && icon && iconPosition === 'right' && icon}
       </button>
     )
   }
diff --git a/frontend/src/pages/MarathonPage.tsx b/frontend/src/pages/MarathonPage.tsx
index 681efe2..5709a3f 100644
--- a/frontend/src/pages/MarathonPage.tsx
+++ b/frontend/src/pages/MarathonPage.tsx
@@ -192,8 +192,22 @@ export function MarathonPage() {
       {/* Hero Banner */}
       <div className="relative rounded-2xl overflow-hidden mb-8">
         {/* Background */}
-        <div className="absolute inset-0 bg-gradient-to-br from-neon-500/10 via-dark-800 to-accent-500/10" />
-        <div className="absolute inset-0 bg-[linear-gradient(rgba(34,211,238,0.02)_1px,transparent_1px),linear-gradient(90deg,rgba(34,211,238,0.02)_1px,transparent_1px)] bg-[size:50px_50px]" />
+        {marathon.cover_url ? (
+          <>
+            <img
+              src={marathon.cover_url}
+              alt=""
+              className="absolute inset-0 w-full h-full object-cover"
+            />
+            <div className="absolute inset-0 bg-gradient-to-r from-dark-900/95 via-dark-900/80 to-dark-900/60" />
+            <div className="absolute inset-0 bg-gradient-to-t from-dark-900/90 to-transparent" />
+          </>
+        ) : (
+          <>
+            <div className="absolute inset-0 bg-gradient-to-br from-neon-500/10 via-dark-800 to-accent-500/10" />
+            <div className="absolute inset-0 bg-[linear-gradient(rgba(34,211,238,0.02)_1px,transparent_1px),linear-gradient(90deg,rgba(34,211,238,0.02)_1px,transparent_1px)] bg-[size:50px_50px]" />
+          </>
+        )}
 
         <div className="relative p-8">
           <div className="flex flex-col md:flex-row justify-between items-start gap-6">