darkmode tailwind class for remaining dark bg

cborgia-forks · Jul 25, 2024 · cd9a01c · cd9a01c
1 parent bb808b9
commit cd9a01c
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/src/app/browse/page.tsx b/src/app/browse/page.tsx
@@ -103,14 +103,14 @@ async function GroupsList({ search, page }: { search?: string; page: number }) {
 
   if (data.length === 0) {
     return (
-      <div className="flex flex-col items-center justify-center py-12 gap-8 bg-slate-900 rounded-xl">
+      <div className="flex flex-col items-center justify-center py-12 gap-8 dark:bg-slate-900 rounded-xl">
         <Image
           src="/empty-state/mountain.svg"
           width="200"
           height="200"
           alt="no gruops placeholder image"
         ></Image>
-        <h2 className="text-2xl text-white">No groups matching your search</h2>
+        <h2 className="text-2xl">No groups matching your search</h2>
       </div>
     );
   }

diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
@@ -79,7 +79,7 @@ export default async function DashboardPage() {
         </div>
 
         {ownedGroups.length === 0 && (
-          <p className="flex gap-8 items-center mt-8 py-4 rounded border bg-gray-800 px-4 text-white">
+          <p className="flex gap-8 items-center mt-8 py-4 rounded border dark:bg-gray-800 px-4">
             You don't manage any groups
           </p>
         )}

diff --git a/src/app/users/[userId]/followers/page.tsx b/src/app/users/[userId]/followers/page.tsx
@@ -7,7 +7,7 @@ import Image from "next/image";
 function FollowerCard({ profile }: { profile: Profile }) {
   return (
     <div key={profile.userId} className="flex items-center gap-4">
-      <div className="bg-slate-900 flex gap-4 items-center hover:underline border rounded-lg p-4">
+      <div className="dark:bg-slate-900 flex gap-4 items-center hover:underline border rounded-lg p-4">
         <Avatar>
           <AvatarImage src={profile.image || "/group.jpeg"} />
           <AvatarFallback>CN</AvatarFallback>
@@ -31,7 +31,7 @@ export default async function FollowersPage({
   return (
     <div className="space-y-8">
       {followers.length === 0 && (
-        <div className="flex flex-col items-center justify-center py-12 gap-8 bg-slate-900 rounded-xl">
+        <div className="flex flex-col items-center justify-center py-12 gap-8 dark:bg-slate-900 rounded-xl">
           <Image
             src="/empty-state/mountain.svg"
             width="200"

diff --git a/src/app/users/[userId]/groups/page.tsx b/src/app/users/[userId]/groups/page.tsx
@@ -13,14 +13,14 @@ export default async function GroupsContent({
   return (
     <div>
       {userGroups.length === 0 && (
-        <div className="flex flex-col items-center justify-center py-12 gap-8 bg-slate-900 rounded-xl">
+        <div className="flex flex-col items-center justify-center py-12 gap-8 dark:bg-slate-900 rounded-xl">
           <Image
             src="/empty-state/mountain.svg"
             width="200"
             height="200"
             alt="no gruops placeholder image"
           ></Image>
-          <h2 className="text-2xl text-white">This user isn't part of any groups</h2>
+          <h2 className="text-2xl">This user isn't part of any groups</h2>
         </div>
       )}