From cc181538896c56bbd62184dc6a7d8c4b71f718bd Mon Sep 17 00:00:00 2001
From: Tamius Han <tamius.han@gmail.com>
Date: Sun, 16 Apr 2023 02:53:59 +0200
Subject: [PATCH] Minor update to site settings

---
 src/csui/src/PlayerUiPanels/BaseExtensionSettings.vue | 11 ++++++++++-
 src/csui/src/res-common/panels.scss                   | 10 ++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/csui/src/PlayerUiPanels/BaseExtensionSettings.vue b/src/csui/src/PlayerUiPanels/BaseExtensionSettings.vue
index b7b1288..0700575 100644
--- a/src/csui/src/PlayerUiPanels/BaseExtensionSettings.vue
+++ b/src/csui/src/PlayerUiPanels/BaseExtensionSettings.vue
@@ -18,9 +18,19 @@
       >
         Default settings for extension
       </div>
+      <div
+        class="tab"
+        :class="{'active': tab === 'otherSites'}"
+        @click="setTab(tab = 'otherSites')"
+      >
+        Settings for other sites
+      </div>
     </div>
 
     <template v-if="tab === 'siteSettings' && siteSettings">
+      <!-- <div class="button">
+        Reset settings for site
+      </div> -->
       <SiteExtensionSettings
         v-if="settings"
         :settings="settings"
@@ -30,7 +40,6 @@
     </template>
 
     <template v-if="tab === 'extensionSettings' && globalSettings">
-      not site settings
       <SiteExtensionSettings
         v-if="settings"
         :settings="settings"
diff --git a/src/csui/src/res-common/panels.scss b/src/csui/src/res-common/panels.scss
index be2affa..e813044 100644
--- a/src/csui/src/res-common/panels.scss
+++ b/src/csui/src/res-common/panels.scss
@@ -10,3 +10,13 @@
   margin-top: 1.5rem;
 }
 
+.tab {
+  border-bottom: 1px solid black;
+  background-color: rgba(0, 0, 0, 0.5);
+  padding: 1rem 2rem;
+
+  &:hover, &.active {
+    border-bottom: 1px solid #fa6;
+    background-color:rgba(0, 0, 0, 0.75)
+  }
+}