updated meta information, removed favicon

app/root.jsx

@@ -15,7 +15,7 @@ export function links() {
 
 export const meta = () => ({
   charset: "utf-8",
-  title: "New Remix App",
+  title: "Imageboard",
   viewport: "width=device-width,initial-scale=1",
 });
 

app/routes/index.jsx

@@ -97,7 +97,7 @@ export default function Index() {
             <li className="bg-ctp-mantle shadow-xl outline shadow-ctp-pink rounded-xl p-4 m-4 hover:shadow-xl scale-100 hover:scale-110 duration-500" key={thread.id}>
               <Link className="space-y-4 flex flex-col" to={`threads/${thread.id}`}>
                 <div className="flex items-center justify-center">
-                  <img className="w-48 h-48 rounded-xl " src={`/uploads/${thread.imageName}`} alt="" />
+                  <img className="w-48 max-h-96 rounded-xl " src={`/uploads/${thread.imageName}`} alt="" />
                 </div>
                 <div>
                   <h2 className="text-2xl font-semibold text-center tracking-tighter ">{thread.title}</h2>

app/routes/threads/$threadId.jsx

@@ -90,7 +90,7 @@ export default function Thread() {
           <span><strong>{data.title}</strong> Post id: <strong>{data.id}</strong> Created at: <strong>{new Date(data.createdAt).toLocaleString()}</strong> Reply count: <strong>{data.posts.length}</strong></span>
           <br />
           <div className="flex flex-col">
-            <img className="w-60 h-60" src={`/uploads/${data.imageName}`} alt="post image" />
+            <img className="w-60 max-h-96" src={`/uploads/${data.imageName}`} alt="post image" />
             <Link className=" text-xs text-ctp-surface0" to={`/uploads/${data.imageName}`} target="_blank" referrerPolicy="no-referrer">Click to show full image</Link>
           </div>
           <p>{data.post}</p>
@@ -124,7 +124,7 @@ export default function Thread() {
               }} className="font-semibold text-sm hover:underline" to={`#${post.replyingTo}`}>Replying to id: {post.replyingTo}</Link> : ''}
               {post.imageName !== null ? 
               <div className="flex flex-col">
-                <img className="w-60 h-60" src={`/uploads/${post.imageName}`} alt="post image" />
+                <img className="w-60 max-h-96" src={`/uploads/${post.imageName}`} alt="post image" />
                 <Link className=" text-xs text-ctp-surface0" to={`/uploads/${post.imageName}`} target="_blank" referrerPolicy="no-referrer">Click to show full image</Link>
               </div> : ''}
               <p>{post.comment}</p>