From ec7c97d696f39ca753f84e257583ef3889f0764c Mon Sep 17 00:00:00 2001
From: Hide_D <hided62@gmail.com>
Date: Wed, 22 Mar 2023 02:23:14 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20hightlight=20btn,=20=ED=86=A0=EB=84=88?=
 =?UTF-8?q?=EB=A8=BC=ED=8A=B8/=EB=B2=A0=ED=8C=85=EC=9E=A5=20=EA=B0=95?=
 =?UTF-8?q?=EC=A1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hwe/scss/common/bootstrap_sammo.scss | 17 +++++++++++++++++
 hwe/ts/components/MainControlBar.vue |  4 ++--
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/hwe/scss/common/bootstrap_sammo.scss b/hwe/scss/common/bootstrap_sammo.scss
index be985de5..3580e06a 100644
--- a/hwe/scss/common/bootstrap_sammo.scss
+++ b/hwe/scss/common/bootstrap_sammo.scss
@@ -69,6 +69,23 @@ $color in $sammoColors {
       border-color: shade-color($color, 10%);
     }
   }
+
+  .btn-sammo-#{$colorType}.highlight {
+    @include button-variant($color, $color, magenta, $hover-color: magenta, $active-color: magenta);
+
+    &:hover,
+    &:active,
+    &:focus {
+      background-color: $color;
+    }
+
+    &,
+    &:not(.disabled):hover,
+    &:not(.disabled):active,
+    &:focus {
+      border-color: shade-color($color, 10%);
+    }
+  }
 }
 
 
diff --git a/hwe/ts/components/MainControlBar.vue b/hwe/ts/components/MainControlBar.vue
index c741bbba..8481c295 100644
--- a/hwe/ts/components/MainControlBar.vue
+++ b/hwe/ts/components/MainControlBar.vue
@@ -18,7 +18,7 @@
     <a
       href="b_tournament.php"
       target="_blank"
-      :class="['btn', isTournamentApplicationOpen ? 'btn-sammo-base2' : 'btn-sammo-nation']"
+      :class="['btn', isTournamentApplicationOpen ? 'btn-sammo-base2 highlight' : 'btn-sammo-nation']"
       >토 너 먼 트</a
     >
     <a href="b_myKingdomInfo.php" :class="`btn btn-sammo-nation ${myLevel >= 1 ? '' : 'disabled'}`">세력 정보</a>
@@ -58,7 +58,7 @@
     <a
       href="b_betting.php"
       target="_blank"
-      :class="['btn', props.isBettingActive ? 'btn-sammo-base2' : 'btn-sammo-nation']"
+      :class="['btn', props.isBettingActive ? 'btn-sammo-base2 highlight' : 'btn-sammo-nation']"
       >베 팅 장</a
     >
   </div>