From 1a14683a103da695e22d40ee9f8121e68c84a3b5 Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Fri, 18 Jul 2025 23:37:51 +0100
Subject: [PATCH] style: remove border from carousel in mii list

---
 src/components/carousel.tsx       | 14 +++-----------
 src/components/mii-list/index.tsx |  2 +-
 2 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/src/components/carousel.tsx b/src/components/carousel.tsx
index 25c8203..7ef10c2 100644
--- a/src/components/carousel.tsx
+++ b/src/components/carousel.tsx
@@ -28,16 +28,8 @@ export default function Carousel({ images, className }: Props) {
 		if (!isFocused || !emblaApi) return;
 
 		const handleKeyDown = (event: KeyboardEvent) => {
-			switch (event.key) {
-				case "ArrowLeft":
-					emblaApi.scrollPrev();
-					break;
-				case "ArrowRight":
-					emblaApi.scrollNext();
-					break;
-				default:
-					break;
-			}
+			if (event.key === "ArrowLeft") emblaApi.scrollPrev();
+			else if (event.key === "ArrowRight") emblaApi.scrollNext();
 		};
 
 		window.addEventListener("keydown", handleKeyDown);
@@ -48,7 +40,7 @@ export default function Carousel({ images, className }: Props) {
 
 	return (
 		<div className="relative w-full h-fit" tabIndex={0} onMouseEnter={() => setIsFocused(true)} onMouseLeave={() => setIsFocused(false)}>
-			<div className={`overflow-hidden rounded-xl bg-zinc-300 border-2 border-zinc-300 ${className ?? ""}`} ref={emblaRef}>
+			<div className={`overflow-hidden rounded-xl bg-zinc-300 ${className ?? ""}`} ref={emblaRef}>
 				<div className="flex">
 					{images.map((src, index) => (
 						<div key={index} className="flex-shrink-0 w-full">
diff --git a/src/components/mii-list/index.tsx b/src/components/mii-list/index.tsx
index 5339fa6..82d943d 100644
--- a/src/components/mii-list/index.tsx
+++ b/src/components/mii-list/index.tsx
@@ -159,7 +159,7 @@ export default async function MiiList({ searchParams, userId, inLikesPage }: Pro
 				{miis.map((mii) => (
 					<div
 						key={mii.id}
-						className="flex flex-col bg-zinc-50 rounded-3xl border-2 border-zinc-300 shadow-lg p-3 transition hover:scale-105 hover:bg-cyan-100 hover:border-cyan-600"
+						className="flex flex-col bg-zinc-50 rounded-3xl border-2 border-zinc-300 shadow-lg p-[0.8rem] transition hover:scale-105 hover:bg-cyan-100 hover:border-cyan-600"
 					>
 						<Carousel
 							images={[