From f1b9e4f400f420e5c110896640525116bcef8e7d Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Wed, 3 Sep 2025 23:26:32 -0700
Subject: bump deps, migrate to tailwind v4

---
 src/app/globals.css                        | 7 +++----
 src/components/ChannelCard/ChannelCard.tsx | 2 +-
 2 files changed, 4 insertions(+), 5 deletions(-)

(limited to 'src')

diff --git a/src/app/globals.css b/src/app/globals.css
index c7bbd41..fa064cc 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,5 +1,4 @@
-@import url("https://fonts.googleapis.com/css2?family=Quantico:wght@400;700&display=swap");
+@import url('https://fonts.googleapis.com/css2?family=Quantico:wght@400;700&display=swap')
+layer(base);
 
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';
diff --git a/src/components/ChannelCard/ChannelCard.tsx b/src/components/ChannelCard/ChannelCard.tsx
index 7a41c22..f02eedb 100644
--- a/src/components/ChannelCard/ChannelCard.tsx
+++ b/src/components/ChannelCard/ChannelCard.tsx
@@ -34,7 +34,7 @@ const ChannelCard: React.FC<ChannelCardProps> = ({
     diff_30d,
 }) => {
     return (
-        <div className="max-w-4xl w-full mb-4 mt-4 rounded-xl overflow-hidden shadow-lg bg-gradient-to-r from-gray-800 via-gray-900 to-gray-800 p-4 sm:p-8 hover:shadow-2xl transition-all duration-300">
+        <div className="max-w-4xl w-full mb-4 mt-4 rounded-xl overflow-hidden shadow-lg bg-linear-to-r from-gray-800 via-gray-900 to-gray-800 p-4 sm:p-8 hover:shadow-2xl transition-all duration-300">
             <div className="flex flex-col sm:flex-row items-center mb-6">
                 <Image
                     src={avatarUrl}
-- 
cgit v1.2.3