From 5154de0eb7b602c3ba0aa01d57dd87243b31e4d2 Mon Sep 17 00:00:00 2001
From: BlossomiShymae <87099578+BlossomiShymae@users.noreply.github.com>
Date: Mon, 14 Oct 2024 19:21:19 -0500
Subject: [PATCH] Fix dropdown for champion skins being toolarge

---
 pages/champions/[id].vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/champions/[id].vue b/pages/champions/[id].vue
index a5b577e..d9e0fe4 100644
--- a/pages/champions/[id].vue
+++ b/pages/champions/[id].vue
@@ -27,9 +27,9 @@ const swapCurrentSkin = (id: number) => {
               <button class="btn dropdown-toggle w-100 text-light" type="button" data-bs-toggle="dropdown">
                 {{ currentSkin.name }} <span class="ms-2 fw-bold">ID: {{ currentSkin.id }}</span>
               </button>
-              <ul class="dropdown-menu w-100 p-2">
-                <li v-for="skin in champion.skins">
-                  <button class="btn" type="button" @click="swapCurrentSkin(skin.id)">{{ skin.name }}</button>
+              <ul class="dropdown-menu w-100 p-2" style="max-height: 300px; overflow-y: auto;">
+                <li v-for="skin in champion.skins" class="border-bottom border-light border-opacity-25">
+                  <button class="btn p-1 w-100" type="button" @click="swapCurrentSkin(skin.id)">{{ skin.name }}</button>
                 </li>
               </ul>
             </div>