misc: switch

jsdelivr · Jan 22, 2025 · 99440d4 · 99440d4
1 parent 9866039
commit 99440d4
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/pages/settings.vue b/pages/settings.vue
@@ -66,9 +66,15 @@
 			</div>
 			<div class="grow sm:w-3/5">
 				<p class="font-bold">Make my probes public</p>
+
 				<div class="mt-3 flex">
-					<Checkbox v-model="publicProbes" class="mr-2 mt-px" binary input-id="publicProbes"/>
-					<label for="publicProbes">If enabled, your probes will be automatically tagged by <Tag class="text-nowrap bg-surface-0 font-normal dark:bg-dark-800" severity="secondary" :value="`u-${user.github_username}`"/>, allowing you to select them in measurements. A list of your active probes will also be available at <NuxtLink class="font-semibold text-primary hover:underline" :to="`https://globalping.io/users/${user.github_username}`" target="_blank" rel="noopener">https://globalping.io/users/{{ user.github_username }}</NuxtLink>.</label>
+					<div class="w-12">
+						<ToggleSwitch v-model="publicProbes" input-id="publicProbes"/>
+					</div>
+
+					<div class="flex-1">
+						<label for="publicProbes">When enabled, your probes will be automatically tagged by <Tag class="text-nowrap bg-surface-0 font-normal dark:bg-dark-800" severity="secondary" :value="`u-${user.github_username}`"/>, allowing you to select them in measurements. A list of your active probes will also be available at <NuxtLink class="font-semibold text-primary hover:underline" :to="`https://globalping.io/users/${user.github_username}`" target="_blank" rel="noopener">https://globalping.io/users/{{ user.github_username }}</NuxtLink> (once this feature is live).</label>
+					</div>
 				</div>
 			</div>
 		</div>

diff --git a/presets/aura/index.js b/presets/aura/index.js
@@ -14,7 +14,7 @@ import buttongroup from './buttongroup';
 // import card from './card';
 // import carousel from './carousel';
 // import cascadeselect from './cascadeselect';
-import checkbox from './checkbox';
+// import checkbox from './checkbox';
 import chip from './chip';
 // import colorpicker from './colorpicker';
 // import confirmdialog from './confirmdialog';
@@ -94,7 +94,7 @@ import tieredmenu from './tieredmenu';
 // import timeline from './timeline';
 import toast from './toast';
 import togglebutton from './togglebutton';
-// import toggleswitch from './toggleswitch';
+import toggleswitch from './toggleswitch';
 // import toolbar from './toolbar';
 import tooltip from './tooltip';
 // import tree from './tree';
@@ -117,9 +117,9 @@ export default {
 	inputtext,
 	datepicker,
 	calendar: datepicker,
-	checkbox,
+	// checkbox,
 	// radiobutton,
-	// toggleswitch,
+	toggleswitch,
 	// inputswitch: toggleswitch,
 	selectbutton,
 	// slider,