From b1ade3d39ac408408fbb406706087e20b014443d Mon Sep 17 00:00:00 2001
From: Jarinya <jarinya.jusing@gmail.com>
Date: Fri, 21 Jun 2024 20:00:32 +0700
Subject: [PATCH] =?UTF-8?q?update=20=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A?=
 =?UTF-8?q?=E0=B8=AA=E0=B8=B5=E0=B8=9B=E0=B8=B8=E0=B9=88=E0=B8=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/search/CardUserGroup.vue | 10 ++++++++++
 src/components/search/SearchMain.vue    |  4 ++++
 2 files changed, 14 insertions(+)

diff --git a/src/components/search/CardUserGroup.vue b/src/components/search/CardUserGroup.vue
index 2cd061c..7671850 100644
--- a/src/components/search/CardUserGroup.vue
+++ b/src/components/search/CardUserGroup.vue
@@ -288,6 +288,12 @@ export default {
 };
 </script>
 <style>
+.v-carousel__controls__item.v-btn.v-btn--icon.v-btn--active {
+  background-color: #f5de1056;
+}
+.v-carousel__controls__item.v-btn.v-btn--icon.v-btn--active .mdi{
+   color: #ffb700; /* Colour for active one */
+}
 .v-overlay__scrim {
   opacity: 0.7;
 }
@@ -363,6 +369,10 @@ div.v-window__container
 }
 
 @media only screen and (min-width: 0px) and (max-width: 700px) {
+  .v-carousel__controls .v-btn--icon.v-btn--density-default {
+    width: 25px;
+    height:25px;
+}
   div.v-window__container
     > div.v-window-item.v-window-item--active.v-carousel-item
     > div
diff --git a/src/components/search/SearchMain.vue b/src/components/search/SearchMain.vue
index 624bd01..735a8dc 100644
--- a/src/components/search/SearchMain.vue
+++ b/src/components/search/SearchMain.vue
@@ -606,6 +606,10 @@ export default {
 };
 </script>
 <style>
+  .v-pagination__item--is-active 
+  .v-btn{
+    background-color: #f4c03f!important;
+  }
 .v-input__control {
   background: white;
 }