Fixing Bugs & Responsiveness

Fixed show book and updated the delete book component to be responsive
riya-rjha · Dec 18, 2023 · 09137b3 · 09137b3
2 parents df6a646 + 12ae56f
commit 09137b3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/Frontend/src/Pages/DeleteBook.jsx b/Frontend/src/Pages/DeleteBook.jsx
@@ -37,11 +37,11 @@ const DeleteBook = () => {
           <Spinner />
         ) :
         (
-          <div className="w-[45%] flex items-center justify-center m-auto flex-col p-25">
-            <h2 className="text-3xl text-green-800 p-10">
+          <div className="max-w-[650px] flex items-center justify-center m-auto flex-col p-5 gap-6">
+            <h2 className="text-[25px] text-green-800 text-center mt-10">
               Are you sure you want to delete this book?
             </h2>
-            <button className=" text-1xl-white bg-red-100 outline-none border-0 p-4 mb-10 font-bold rounded-xl w-[90%]" onClick={handleDelete}>
+            <button className=" text-xl-white bg-red-100 hover:bg-red-200 transition-all outline-none border-2 border-red-700 px-10 py-4 mx-2 mb-10 font-bold rounded-xl" onClick={handleDelete}>
               Yes, Delete it!
             </button>
           </div>

diff --git a/Frontend/src/Pages/ShowBook.jsx b/Frontend/src/Pages/ShowBook.jsx
@@ -12,7 +12,7 @@ const ShowBook = () => {
 
   useEffect(() => {
     try {
-      setIsLoading(false);
+      setIsLoading(true);
       axios.get(`https://book-store-snzt.onrender.com/books/${id}`)
         .then(response => {
           setBooks(response.data);