diff options
| -rw-r--r-- | frontend/src/components/NavBar.tsx | 2 | ||||
| -rw-r--r-- | frontend/src/components/displays/GenericScoreDisplay.tsx | 2 | ||||
| -rw-r--r-- | frontend/src/pages/AllScores.tsx | 6 | ||||
| -rw-r--r-- | frontend/src/pages/Chart.tsx | 4 | ||||
| -rw-r--r-- | frontend/src/pages/Login.tsx | 2 | ||||
| -rw-r--r-- | frontend/src/pages/Register.tsx | 2 | ||||
| -rw-r--r-- | frontend/src/pages/Score.tsx | 6 |
7 files changed, 12 insertions, 12 deletions
diff --git a/frontend/src/components/NavBar.tsx b/frontend/src/components/NavBar.tsx index ac70dfb..045705c 100644 --- a/frontend/src/components/NavBar.tsx +++ b/frontend/src/components/NavBar.tsx @@ -52,7 +52,7 @@ export const NavBar = ({ currentPage, user, handleLogout }: { <div className="flex items-center justify-between h-16"> {/* Logo */} <div className="flex items-center space-x-3"> - <div className="w-8 h-8 bg-gradient-to-r from-violet-600 to-violet-700 rounded-lg flex items-center justify-center shadow-lg"> + <div className="w-8 h-8 bg-linear-to-r from-violet-600 to-violet-700 rounded-lg flex items-center justify-center shadow-lg"> <span className="text-white font-bold text-sm">M</span> </div> <span className="text-white font-semibold text-lg">Mirage</span> diff --git a/frontend/src/components/displays/GenericScoreDisplay.tsx b/frontend/src/components/displays/GenericScoreDisplay.tsx index 41a125c..003f022 100644 --- a/frontend/src/components/displays/GenericScoreDisplay.tsx +++ b/frontend/src/components/displays/GenericScoreDisplay.tsx @@ -373,7 +373,7 @@ const ScoreDisplay: React.FC<ScoreDisplayProps> = ({ return ( <div className="bg-slate-900/50 backdrop-blur-sm border border-slate-800/50 rounded-xl overflow-hidden"> <div className="overflow-x-auto relative"> - <div className="md:hidden absolute right-0 top-0 bottom-0 w-8 bg-gradient-to-l from-slate-900/80 to-transparent pointer-events-none z-10"></div> + <div className="md:hidden absolute right-0 top-0 bottom-0 w-8 bg-linear-to-l from-slate-900/80 to-transparent pointer-events-none z-10"></div> <table className="w-full text-sm min-w-[800px] md:min-w-[1000px]"> <thead className="bg-slate-800/50 border-b border-slate-700/50"> <tr> diff --git a/frontend/src/pages/AllScores.tsx b/frontend/src/pages/AllScores.tsx index c6fb250..e89cc64 100644 --- a/frontend/src/pages/AllScores.tsx +++ b/frontend/src/pages/AllScores.tsx @@ -185,7 +185,7 @@ const AllScores = () => { if (isLoading) { return ( - <div className="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950 flex items-center justify-center"> + <div className="min-h-screen bg-linear-to-br from-slate-950 via-slate-900 to-slate-950 flex items-center justify-center"> <div className="text-center"> <div className="w-12 h-12 border-4 border-violet-500 border-t-transparent rounded-full animate-spin mx-auto mb-6"></div> <p className="text-slate-300 text-lg">Loading games...</p> @@ -195,12 +195,12 @@ const AllScores = () => { } return ( - <div className="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950 text-white"> + <div className="min-h-screen bg-linear-to-br from-slate-950 via-slate-900 to-slate-950 text-white"> <NavBar user={user} handleLogout={handleLogout} currentPage="allscores" /> <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> <div className="mb-12"> <div className="flex items-center justify-between mb-4"> - <h1 className="text-4xl font-bold bg-gradient-to-r from-violet-400 to-violet-600 bg-clip-text text-transparent"> + <h1 className="text-4xl font-bold bg-linear-to-r from-violet-400 to-violet-600 bg-clip-text text-transparent"> {gameName ? `${games.find(g => g.internalName === gameName)?.formattedName || gameName} - Community Scores` : "Community Scores" diff --git a/frontend/src/pages/Chart.tsx b/frontend/src/pages/Chart.tsx index 78f6d76..19f57cc 100644 --- a/frontend/src/pages/Chart.tsx +++ b/frontend/src/pages/Chart.tsx @@ -119,7 +119,7 @@ const Chart = () => { if (isLoading || loading) { return ( - <div className="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950 flex items-center justify-center"> + <div className="min-h-screen bg-linear-to-br from-slate-950 via-slate-900 to-slate-950 flex items-center justify-center"> <div className="text-center"> <div className="w-12 h-12 border-4 border-violet-500 border-t-transparent rounded-full animate-spin mx-auto mb-6"></div> <p className="text-slate-300 text-lg">Loading scores...</p> @@ -129,7 +129,7 @@ const Chart = () => { } return ( - <div className="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950 text-white"> + <div className="min-h-screen bg-linear-to-br from-slate-950 via-slate-900 to-slate-950 text-white"> <NavBar user={user} handleLogout={handleLogout} currentPage="score" /> <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> <SongInfoDisplay diff --git a/frontend/src/pages/Login.tsx b/frontend/src/pages/Login.tsx index 5bbdefc..c6b7bec 100644 --- a/frontend/src/pages/Login.tsx +++ b/frontend/src/pages/Login.tsx @@ -101,7 +101,7 @@ const Login = () => { {errors.general && ( <div className="mb-6 bg-red-900/50 border border-red-700 rounded-md p-4"> <div className="flex"> - <div className="flex-shrink-0"> + <div className="shrink-0"> <svg className="h-5 w-5 text-red-400" viewBox="0 0 20 20" diff --git a/frontend/src/pages/Register.tsx b/frontend/src/pages/Register.tsx index 1f8dde8..90edbfd 100644 --- a/frontend/src/pages/Register.tsx +++ b/frontend/src/pages/Register.tsx @@ -118,7 +118,7 @@ const Register = () => { {errors.general && ( <div className="mb-6 bg-red-900/50 border border-red-700 rounded-md p-4"> <div className="flex"> - <div className="flex-shrink-0"> + <div className="shrink-0"> <svg className="h-5 w-5 text-red-400" viewBox="0 0 20 20" fill="currentColor"> <path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clipRule="evenodd" /> </svg> diff --git a/frontend/src/pages/Score.tsx b/frontend/src/pages/Score.tsx index d842cb0..3474f1b 100644 --- a/frontend/src/pages/Score.tsx +++ b/frontend/src/pages/Score.tsx @@ -141,7 +141,7 @@ const Score = () => { if (isLoading || loading) { return ( - <div className="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950 flex items-center justify-center"> + <div className="min-h-screen bg-linear-to-br from-slate-950 via-slate-900 to-slate-950 flex items-center justify-center"> <div className="text-center"> <div className="w-12 h-12 border-4 border-violet-500 border-t-transparent rounded-full animate-spin mx-auto mb-6"></div> <p className="text-slate-300 text-lg">Loading your scores...</p> @@ -151,12 +151,12 @@ const Score = () => { } return ( - <div className="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950 text-white"> + <div className="min-h-screen bg-linear-to-br from-slate-950 via-slate-900 to-slate-950 text-white"> <NavBar user={user} handleLogout={handleLogout} currentPage="score" /> <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 sm:py-12"> <div className="mb-6 sm:mb-12"> <div className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 mb-4"> - <h1 className="text-2xl sm:text-3xl md:text-4xl font-bold bg-gradient-to-r from-violet-400 to-violet-600 bg-clip-text text-transparent"> + <h1 className="text-2xl sm:text-3xl md:text-4xl font-bold bg-linear-to-r from-violet-400 to-violet-600 bg-clip-text text-transparent"> Your Scores </h1> <div className="flex items-center space-x-1 sm:space-x-2 bg-slate-900/50 backdrop-blur-sm rounded-xl p-1 border border-slate-800/50"> |
