fix: padding and moviecard width (#54)

* feat: add tabs padding * fix: add min width in movie card
hidaviddong · Jun 21, 2024 · 8300452 · 8300452
1 parent 622216b
commit 8300452
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/pages/list/+Page.jsx b/src/pages/list/+Page.jsx
@@ -4,8 +4,8 @@ import { SongCover, SongList } from "./components/music";
 
 export default function Page() {
 	return (
-		<Tabs defaultValue="Music" className="h-full w-96 mt-12">
-			<TabsList className="grid w-full grid-cols-2 mb-4">
+		<Tabs defaultValue="Music" className="h-full w-96 mt-12 p-4">
+			<TabsList className="grid w-full grid-cols-2 mb-4 ">
 				<TabsTrigger value="Music">Music</TabsTrigger>
 				<TabsTrigger value="Movies">Movies</TabsTrigger>
 			</TabsList>

diff --git a/src/pages/list/components/movie/MovieList.jsx b/src/pages/list/components/movie/MovieList.jsx
@@ -5,7 +5,7 @@ function MovieItem({ title, year, imageUrl }) {
 		<div className="flex group p-4 w-full hover:bg-zinc-100 hover:rounded-md">
 			<div
 				style={{ backgroundImage: `url('${MOVIE_BASEURL}${imageUrl}.jpg')` }}
-				className="rounded-md border drop-shadow-md flex justify-center items-center bg-cover bg-center h-44 w-32"
+				className="rounded-md border drop-shadow-md flex justify-center items-center bg-cover bg-center h-44 min-w-32"
 			></div>
 			<div className="flex flex-col justify-start items-start ml-4 gap-2">
 				<div className="text-black/80 font-normal">{title}</div>