Refactor follow button styles in followers and following components

pinkary-project · Sep 20, 2024 · e06ed02 · e06ed02
1 parent bbb49da
commit e06ed02
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/resources/views/livewire/followers/index.blade.php b/resources/views/livewire/followers/index.blade.php
@@ -20,7 +20,7 @@
                             x-data="clickHandler"
                             x-on:click="handleNavigation($event)"
                         >
-                            <div class="group flex items-center gap-3 rounded-2xl border border-slate-900 bg-slate-950 bg-opacity-80 p-4 transition-colors hover:bg-slate-900">
+                            <div class="group flex items-center gap-3 rounded-2xl border dark:border-slate-900 border-slate-200 dark:bg-slate-950 bg-slate-100 bg-opacity-80 p-4 transition-colors dark:hover:bg-slate-900 hover:bg-slate-200">
                                 <figure class="{{ $follower->is_company_verified ? 'rounded-md' : 'rounded-full' }} h-12 w-12 flex-shrink-0 overflow-hidden bg-slate-800 transition-opacity group-hover:opacity-90">
                                     <img
                                         class="{{ $follower->is_company_verified ? 'rounded-md' : 'rounded-full' }} h-12 w-12"

diff --git a/resources/views/livewire/following/index.blade.php b/resources/views/livewire/following/index.blade.php
@@ -20,7 +20,7 @@
                             x-data="clickHandler"
                             x-on:click="handleNavigation($event)"
                         >
-                            <div class="group flex items-center gap-3 rounded-2xl border border-slate-900 bg-slate-950 bg-opacity-80 p-4 transition-colors hover:bg-slate-900">
+                            <div class="group flex items-center gap-3 rounded-2xl border dark:border-slate-900 border-slate-200 dark:bg-slate-950 bg-slate-100 bg-opacity-80 p-4 transition-colors dark:hover:bg-slate-900 hover:bg-slate-200">
                                 <figure class="{{ $followingUser->is_company_verified ? 'rounded-md' : 'rounded-full' }} h-12 w-12 flex-shrink-0 overflow-hidden bg-slate-800 transition-opacity group-hover:opacity-90">
                                     <img
                                     class="{{ $followingUser->is_company_verified ? 'rounded-md' : 'rounded-full' }} h-12 w-12"