change friends card style

OpenVoiceOS · Jun 15, 2024 · 2d90bf9 · 2d90bf9
1 parent 716dbde
commit 2d90bf9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/components/friend.tsx b/components/friend.tsx
@@ -70,13 +70,13 @@ export default function Friends() {
           </div>
           <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
             {friends.map((friend, index) => (
-              <div key={index} className="border rounded-lg shadow-lg p-6 bg-white dark:bg-gray-800">
+              <div key={index} className="flex flex-col rounded-lg shadow-lg p-6 bg-gray-200 dark:bg-gray-800">
                 <div className="flex items-center mb-4">
                   <img src={friend.logo} alt={friend.name} className="w-12 h-12 mr-4" />
                   <h3 className="text-lg font-semibold dark:text-gray-300">{friend.name}</h3>
                 </div>
                 <p className="text-gray-600 dark:text-gray-400 mb-4">{friend.description}</p>
-                <div className="flex justify-between items-center">
+                <div className="mt-auto flex justify-between items-center">
                   <Link href={friend.website}>
                     <p className="text-blue-600 dark:text-blue-400 font-bold">Website</p>
                   </Link>

diff --git a/components/timeline.tsx b/components/timeline.tsx
@@ -7,7 +7,7 @@ export default function Timeline() {
                 <div className="grid gap-4 mx-4 sm:grid-cols-12">
                     <div className="col-span-12 sm:col-span-3">
                         <div className="text-center sm:text-left mb-14">
-                            <h3 className="text-3xl font-extrabold">History</h3>
+                            <h3 className="text-3xl font-extrabold dark:text-white">History</h3>
                             <span className="dark:text-white">Open Voice OS is a project that has been in development for a few years now. Here's a brief history of the project.</span>
                         </div>
                     </div>