Separate never proxy button

mullvad · Feb 15, 2024 · ad0419d · ad0419d
1 parent 972facd
commit ad0419d
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/src/components/Proxy/ProxyHost.vue b/src/components/Proxy/ProxyHost.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { computed } from 'vue';
-import { NButtonGroup, NCard, NSwitch, NTooltip } from 'naive-ui';
+import { NCard, NSwitch, NTooltip } from 'naive-ui';
 
 import Button from '@/components/Buttons/Button.vue';
 import CurrentProxyDetails from '@/components/Proxy/CurrentProxyDetails.vue';
@@ -55,22 +55,23 @@ const handleProxySelect = () => {
     <div class="mb-3">
       <Button
         v-if="currentHostExcluded"
-        color="success"
         class="flex items-center justify-center"
         @click="allowProxy"
       >
-        Allow proxy for <span class="italic">{{ activeTabHost }}</span>
+        <p>
+          Allow proxy for <strong>{{ activeTabHost }}</strong>
+        </p>
       </Button>
 
-      <n-button-group v-else>
+      <div v-else class="flex justify-between">
         <Button class="flex items-center justify-center" @click="handleProxySelect">
           Select location
         </Button>
 
-        <Button color="error" class="flex items-center justify-center" @click="neverProxyHost">
+        <Button class="flex items-center justify-center" @click="neverProxyHost">
           Never proxy
         </Button>
-      </n-button-group>
+      </div>
     </div>
   </n-card>
 </template>