refac

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;
+}

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>