detail card designed

erdemir123 · Nov 20, 2022 · bc1d638 · bc1d638 · vercel · Nov 20, 2022
1 parent a8741c7
commit bc1d638
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 8 deletions.
diff --git a/src/conponents/Card.jsx b/src/conponents/Card.jsx
@@ -35,15 +35,15 @@ const Card = ({ item }) => {
       UpdateComment(commentArray);
       toastSuccessNotify("Yorum Eklendi");
     } else {
-      toastWarnNotify("girilen harf sayısı 100den fazla olmalıdır");
+      toastWarnNotify("girilen harf sayısı 20den fazla olmalıdır");
     }
   };
   useEffect(() => {
     setCount(comments.split(""));
   }, [comments]);
   return (
     <>
-      <div className="rounded-lg shadow-md  max-w-sm w-[350px] relative bg-gray-200 shadow-black mb-12 py-2">
+      <div className="rounded-lg shadow-md  max-w-sm w-[350px] relative  bg-gray-200 shadow-black mb-12 py-6">
         <div
           onClick={() =>
             user.email
@@ -167,7 +167,7 @@ const Card = ({ item }) => {
                   onChange={(e) => setComments(e.target.value)}
                 ></textarea>
 
-                <div className="modal-footer flex flex-shrink-0 flex-wrap items-center justify-end p-4 border-t border-gray-200 rounded-b-md">
+                <div className="modal-footer flex flex-shrink-0 flex-wrap items-center justify-end p-4 rounded-b-md">
                   <p className="absolute bottom-16">3000/{count?.length}</p>
                   <button
                     type="button"

diff --git a/src/conponents/Comment.jsx b/src/conponents/Comment.jsx
@@ -2,7 +2,7 @@ import React from "react";
 const Comment = ({ item }) => {
 
   return (
-    <div className="bg-gray-500 text-white font-bold  text-xl pl-2 mt-2 flex gap-8 items-center pb-5 relative">
+    <div className="bg-gray-500 text-white font-bold  text-lg pl-2 mt-2 flex gap-8 items-center pb-5 relative">
         <div>
         <svg width="40" height="40" viewBox="0 0 24 24">
         <path fill="orange" d="M18 14V6h-5v8l2.5-1.5z" />
@@ -13,11 +13,11 @@ const Comment = ({ item }) => {
       </svg>
         </div>
 
-      <div className="px-10  ">
+      <div className="pr-5">
         <p
           className="pt-2 font-mono font-bold "
           style={{
-            width: "95%",
+            width: "100%",
             wordWrap: "break-word",
           }}
         >

diff --git a/src/pages/Details.jsx b/src/pages/Details.jsx
@@ -42,10 +42,10 @@ const Details = () => {
   const newArray = (state?.comment)?.map((item)=>item)
   newArray?.shift()
   return (
-    <div className="overflow-hidden mb-4">
+    <div className="overflow-hidden mb-4 ">
       <Navbar />
       <div className="flex items-center mt-2 flex-col">
-        <div className="rounded-lg shadow-md  max-w-sm w-[550px]  relative bg-gray-200 shadow-black mb-12">
+        <div className="rounded-lg shadow-md  max-w-sm w-[550px]  relative bg-gray-200 shadow-black mb-12 py-4">
           <div className="w-[90%] h-36">
             {state.ImgUrl ? (
               <img

diff --git a/src/router/AppRouter.jsx b/src/router/AppRouter.jsx
@@ -22,6 +22,7 @@ const AppRouter = () => {
         <Route path="/login" element={<Login />} />
         <Route path="/new" element={<New />} />
         <Route path="/:title" element={<Details />}/>
+        <Route path="*" element={<Home />}/>
       </Routes>
     </>
   );