[style] 마이페이지 my bar 리스트 정렬 수정

ahk0413 · ahk0413 · commit a745635eb7c2 · 2025-10-08T22:05:46.000+09:00
diff --git a/src/domains/mypage/components/pages/my-bar/MyBar.tsx b/src/domains/mypage/components/pages/my-bar/MyBar.tsx
@@ -29,7 +29,11 @@ function MyBar() {
     <div>
       {myCocktail.length !== 0 ? (
         <div
-          className="grid grid-cols-1 justify-items-center mt-10 gap-8  sm:[grid-template-columns:repeat(2,minmax(0,320px))]  sm:justify-evenly md:[grid-template-columns:repeat(3,minmax(0,250px))]  
+          className="
+    grid gap-8 md:justify-between justify-center
+    [grid-template-columns:repeat(1,minmax(0,250px))]
+    sm:[grid-template-columns:repeat(2,minmax(0,250px))]
+    md:[grid-template-columns:repeat(3,minmax(0,250px))]
   "
         >
           {myCocktail.map(({ cocktailId, cocktailName, imageUrl }) => (

Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,11 @@ function MyBar() {`
`29`	`29`	`<div>`
`30`	`30`	`{myCocktail.length !== 0 ? (`
`31`	`31`	`<div`
`32`		`- className="grid grid-cols-1 justify-items-center mt-10 gap-8 sm:[grid-template-columns:repeat(2,minmax(0,320px))] sm:justify-evenly md:[grid-template-columns:repeat(3,minmax(0,250px))]`
	`32`	`+ className="`
	`33`	`+ grid gap-8 md:justify-between justify-center`
	`34`	`+ [grid-template-columns:repeat(1,minmax(0,250px))]`
	`35`	`+ sm:[grid-template-columns:repeat(2,minmax(0,250px))]`
	`36`	`+ md:[grid-template-columns:repeat(3,minmax(0,250px))]`
`33`	`37`	`"`
`34`	`38`	`>`
`35`	`39`	`{myCocktail.map(({ cocktailId, cocktailName, imageUrl }) => (`