From a276f4879a351349c38d2d5b5efd8f6b977f5c22 Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Sat, 6 Sep 2025 14:43:03 -0700
Subject: migrate to tailwind v4

---
 src/components/ChannelCard/ChannelCard.tsx         | 2 +-
 src/components/SubscriberTable/TwitchDataTable.tsx | 4 ++--
 src/components/TitleBar/TitleBar.tsx               | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

(limited to 'src/components')

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}
diff --git a/src/components/SubscriberTable/TwitchDataTable.tsx b/src/components/SubscriberTable/TwitchDataTable.tsx
index 2294be3..765cf1a 100644
--- a/src/components/SubscriberTable/TwitchDataTable.tsx
+++ b/src/components/SubscriberTable/TwitchDataTable.tsx
@@ -98,11 +98,11 @@ const TwitchDataTable = ({ channel_data, timestamp }: TwitchDataTableProp) => {
                     <h3 className="font-bold text-gray-800 mb-1">MAX Column Color Key</h3>
                     <div>
                       <div className="flex items-center mb-1">
-                        <div className="h-3 w-3 bg-red-600 rounded-full mr-2 flex-shrink-0"></div>
+                        <div className="h-3 w-3 bg-red-600 rounded-full mr-2 shrink-0"></div>
                         <span className="text-gray-600">YouTube subscriber count is higher</span>
                       </div>
                       <div className="flex items-center">
-                        <div className="h-3 w-3 bg-purple-600 rounded-full mr-2 flex-shrink-0"></div>
+                        <div className="h-3 w-3 bg-purple-600 rounded-full mr-2 shrink-0"></div>
                         <span className="text-gray-600">Twitch follower count is higher</span>
                       </div>
                     </div>
diff --git a/src/components/TitleBar/TitleBar.tsx b/src/components/TitleBar/TitleBar.tsx
index 9fc8c34..9ae8d1e 100644
--- a/src/components/TitleBar/TitleBar.tsx
+++ b/src/components/TitleBar/TitleBar.tsx
@@ -94,7 +94,7 @@ const TitleBar: React.FC<TitleBarProps> = ({
         >
           <button
             onClick={toggleSidebar}
-            className="text-white text-3xl mr-4 focus:outline-none"
+            className="text-white text-3xl mr-4 focus:outline-none hover:cursor-pointer"
           >
             <FontAwesomeIcon icon={isSidebarOpen ? faTimes : faBars} />
           </button>
-- 
cgit v1.2.3