diff options
Diffstat (limited to 'frontend/src/pages')
| -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 |
5 files changed, 10 insertions, 10 deletions
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"> |