cleanup

src/lib/components/AccountDropdownMenu.svelte

@@ -32,7 +32,7 @@
 
 								<div class="text-black dark:text-white text-base self-center my-auto">
 									{#if profile.name}
-										{profile.name.length > 16 ? profile.name.slice(0, 16) + '...' : profile.name}
+										{profile.name.length > 10 ? profile.name.slice(0, 10) + '...' : profile.name}
 									{/if}
 								</div>
 								{#if $userProfile?.name === profile?.name}

src/routes/popup/+page.svelte

@@ -54,17 +54,6 @@
 			<div
 				class="text-gray-800 dark:text-gray-400 text-opacity-70 font-semibold leading-4 tracking-[3px] flex flex-row items-center gap-2 p-2"
 			>
-				<!-- <span class="avatar">
-					<img
-						src={$userProfile.metadata?.picture || 'https://toastr.space/images/toastr.png'}
-						class="rounded-full h-10 w-10"
-						alt=""
-					/>
-				</span>
-				<span
-					>{$userProfile?.metadata?.name || $userProfile?.name || 'Click to select account'}</span
-				>
-				<span class="text-xs font-normal tracking-normal text-green-600">(active)</span> -->
 				<button
 					class="btn background-surface-700 pl-0 items-center"
 					use:popup={accountDropdownMenu}

tailwind.config.js

@@ -10,9 +10,8 @@ export default {
 	darkMode: 'class',
 	plugins: [
 		require('@tailwindcss/typography'),
-		require("@tailwindcss/forms")({
-			strategy: 'base', // only generate global styles
-			strategy: 'class', // only generate classes
+		require('@tailwindcss/forms')({
+			strategy: 'base' // only generate global styles
 		}),
 		skeleton({
 			themes: {