Added more images, changed layout in dashboard, and changed cover image.

dnrm · Jul 7, 2021 · e63ccc5 · e63ccc5 · vercel · Jul 7, 2021
1 parent 7d72f82
commit e63ccc5
Show file tree

Hide file tree

Showing 7 changed files with 5 additions and 5 deletions.
diff --git a/components/Post.tsx b/components/Post.tsx
@@ -13,12 +13,12 @@ const Post = ({ href, src, children }: Props) => {
     return (
         <Link href={slug}>
             <a>
-                <div className="post bg-gray-100 rounded-lg p-4 shadow-lg">
-                    <div className="image">
+                <div className="post bg-gray-100 rounded-lg shadow-lg flex flex-row justify-start items-center h-16">
+                    <div className="image h-full">
                         <img
                             src={src}
                             alt=""
-                            className="h-full w-full object-cover rounded-md shadow-lg"
+                            className="h-full object-cover rounded-md mr-2 p-2"
                         />
                     </div>
                     <h1 className="text-lg font-semibold pt-2 font-dm leading-5">

diff --git a/images/bg-amsterdam-trees.jpg b/images/bg-amsterdam-trees.jpg
diff --git a/images/bg-amsterdam.jpg b/images/bg-amsterdam.jpg
diff --git a/images/bg-new-york.jpg b/images/bg-new-york.jpg
diff --git a/images/bg-nyc.jpg b/images/bg-nyc.jpg
diff --git a/pages/dashboard.tsx b/pages/dashboard.tsx
@@ -71,7 +71,7 @@ export default function Login(props: any) {
                                     </a>
                                 </Link>
                             </div>
-                            <div className="posts grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-8">
+                            <div className="posts grid grid-cols-1 gap-4">
                                 <Post
                                     src="https://i.scdn.co/image/ab67616d0000b2737a4c8c59851c88f6794c3cbf"
                                     href="/posts/"

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -1,6 +1,6 @@
 import Head from "next/head";
 import Image from "next/image";
-import src from "../images/island.jpg";
+import src from "../images/bg-amsterdam-trees.jpg";
 import Users from "../components/Users";
 import Link from "next/link";
 import Footer from "../components/Footer";