diff options
| author | Pinapelz <yukais@pinapelz.com> | 2025-09-06 14:43:03 -0700 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2025-09-06 14:43:03 -0700 |
| commit | a276f4879a351349c38d2d5b5efd8f6b977f5c22 (patch) | |
| tree | 0783fd7bd0dca79a1cdea54d3a777b6606363d62 /src/components | |
| parent | 47c84bb74d44d8285c68fa1491d01ca3b08f827f (diff) | |
migrate to tailwind v4
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/ChannelCard/ChannelCard.tsx | 2 | ||||
| -rw-r--r-- | src/components/SubscriberTable/TwitchDataTable.tsx | 4 | ||||
| -rw-r--r-- | src/components/TitleBar/TitleBar.tsx | 2 |
3 files changed, 4 insertions, 4 deletions
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> |