From c44e51ae58e694d2042a65a0d2f566fc56ef3876 Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Thu, 1 Aug 2024 21:43:13 +0200
Subject: [PATCH] refac

---
 src/app.css                                     | 4 ++++
 src/lib/components/common/SensitiveInput.svelte | 9 +--------
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/app.css b/src/app.css
index c3388f1d3..69e107be9 100644
--- a/src/app.css
+++ b/src/app.css
@@ -154,3 +154,7 @@ input[type='number'] {
 .tippy-box[data-theme~='dark'] {
 	@apply rounded-lg bg-gray-950 text-xs border border-gray-900 shadow-xl;
 }
+
+.password {
+	-webkit-text-security: disc;
+}
diff --git a/src/lib/components/common/SensitiveInput.svelte b/src/lib/components/common/SensitiveInput.svelte
index 695d5a79e..76a626650 100644
--- a/src/lib/components/common/SensitiveInput.svelte
+++ b/src/lib/components/common/SensitiveInput.svelte
@@ -13,8 +13,7 @@
 
 <div class={outerClassName}>
 	<input
-		class={inputClassName}
-		class:dot={!show}
+		class={`${inputClassName} ${show ? '' : 'password'}`}
 		{placeholder}
 		bind:value
 		required={required && !readOnly}
@@ -62,9 +61,3 @@
 		{/if}
 	</button>
 </div>
-
-<style>
-	.dot {
-		-webkit-text-security: disc;
-	}
-</style>