adjusted drafts

chuma-beep · Dec 9, 2024 · 8c63af1 · 8c63af1
1 parent 86e1e4c
commit 8c63af1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/app/protected/account/bookmarks/page.tsx b/app/protected/account/bookmarks/page.tsx
@@ -141,15 +141,15 @@ export default function BookmarkComponent() {
             bookmarks.map((bookmark) => (
               <Card
               key={bookmark.id}
-              className="transition-transform transform hover:scale-105 hover:shadow-lg"
-            >
+              className="transition-transform transform hover:scale-105 hover:shadow-lg">
+                
                 <Link href={`/protected/account/bookmarks/view/${bookmark.id}`} passHref>
                 {bookmark.cover_image_url && (
               <div className="relative h-48">
                 <img
                   src={bookmark.cover_image_url}
                   alt={bookmark.title || "Cover Image"}
-                  className="object-cover w-full h-full"
+                  className="object-cover w-full h-full rounded-md"
                 />
               </div>
             )}

diff --git a/app/protected/account/drafts/page.tsx b/app/protected/account/drafts/page.tsx
@@ -3,7 +3,7 @@
 import { useEffect, useState } from 'react';
 import { createClient as createClientComponentClient } from '@/utils/supabase/client';
 import { Button } from "@/components/ui/button";
-import { Card, CardHeader, CardContent, CardFooter } from "@/components/ui/card";
+import { Card, CardDescription, CardHeader, CardContent, CardFooter } from "@/components/ui/card";
 import { marked } from "marked";
 import DOMPurify from 'dompurify';
 import { toast, ToastContainer } from 'react-toastify';
@@ -141,6 +141,7 @@ export default function Drafts() {
       <Card className="flex flex-col p-2 pt-4 w-full">
       <div className="flex items-center justify-between mb-6">
         <h1 className="text-2xl font-bold ml-6">Your Drafts</h1>
+        <CardDescription>Your saved articles for later writing</CardDescription>
         {/* <Button size="sm">Add New</Button> */}
       </div>
         {drafts.map((draft) => (