From 0f01fc7b0b6a78bece7b6488d7d781b0ea79cfee Mon Sep 17 00:00:00 2001
From: liamcottle <liam@liamcottle.com>
Date: Thu, 26 Dec 2024 16:21:24 +1300
Subject: [PATCH] fix dividers in dark mode

---
 src/frontend/components/profile/ProfilePage.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/components/profile/ProfilePage.vue b/src/frontend/components/profile/ProfilePage.vue
index bd2c0b5..b17de3f 100644
--- a/src/frontend/components/profile/ProfilePage.vue
+++ b/src/frontend/components/profile/ProfilePage.vue
@@ -54,8 +54,8 @@
                     <div class="flex p-1">
                         <input v-model="search" type="text" :placeholder="`Search ${iconNames.length} icons...`" class="bg-gray-50 dark:bg-zinc-700 border border-gray-300 dark:border-zinc-600 text-gray-900 dark:text-gray-100 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 dark:focus:ring-blue-600 dark:focus:border-blue-600 block w-full p-2.5">
                     </div>
-                    <div class="divide-y">
-                        <div @click="onIconClick(mdiIconName)" v-for="mdiIconName of searchedIconNames" class="flex space-x-2 p-2 cursor-pointer hover:bg-gray-100">
+                    <div class="divide-y divide-gray-300 dark:divide-zinc-700">
+                        <div @click="onIconClick(mdiIconName)" v-for="mdiIconName of searchedIconNames" class="flex space-x-2 p-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-zinc-700">
                             <div class="my-auto">
                                 <LxmfUserIcon :icon-name="mdiIconName" :icon-foreground-colour="iconForegroundColour" :icon-background-colour="iconBackgroundColour"/>
                             </div>