From 1f3260b2f1d48366aa63453246358111cc9dee0e Mon Sep 17 00:00:00 2001
From: Tianning Li <ltianningli@gmail.com>
Date: Sat, 15 Jun 2024 14:25:01 +0800
Subject: [PATCH] fix: image sizing

---
 src/components/ProjectCard.tsx | 2 +-
 vite.config.ts                 | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/ProjectCard.tsx b/src/components/ProjectCard.tsx
index 316dc6d..fe84b97 100644
--- a/src/components/ProjectCard.tsx
+++ b/src/components/ProjectCard.tsx
@@ -23,7 +23,7 @@ const ProjectItemCard: React.FC<ProjectItemCardProps> = ({ project }) => {
     >
       <div className="md:flex px-3 py-4 hover:shadow-default duration-500 mb-2">
         <img
-          className="w-full md:w-72 object-contain mr-8 shadow-default"
+          className="w-full md:w-72 flex-shrink-0 object-contain mr-8 shadow-default"
           src={img}
           alt=""
         />
diff --git a/vite.config.ts b/vite.config.ts
index a2054ab..f45df2c 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -5,4 +5,7 @@ import react from "@vitejs/plugin-react";
 export default defineConfig({
   base: "/project_list",
   plugins: [react()],
+  server: {
+    host: true,
+  },
 });