Unfollow tool for Bluesky

tweak colors & description

Changed files
+8 -11
src
+8 -11
src/App.tsx
···
<Show when={loginState() && handle()}>
<div class="mb-4">
Logged in as @{handle()}
-
<a href="" class="ml-2 text-red-500" onclick={() => logoutBsky()}>
Logout
</a>
</div>
···
<button
type="button"
onclick={() => unfollow()}
-
class="rounded bg-green-600 px-2 py-2 font-bold text-slate-100 hover:bg-green-700"
>
Confirm
</button>
···
classList={{
"mb-1 flex items-center border-b dark:border-b-gray-500 py-1":
true,
-
"bg-red-300 dark:bg-rose-900": record.toDelete,
}}
>
<div class="mx-2">
···
</div>
</div>
<div class="mb-2 text-center">
-
<p>Select then unfollow inactive or blocked accounts</p>
-
<a
-
class="text-blue-500 hover:underline"
-
target="_blank"
-
href="https://mary-ext.codeberg.page/bluesky-quiet-posters/"
-
>
-
Quiet Posters
-
</a>
</div>
<Login />
<Show when={loginState()}>
···
<Show when={loginState() && handle()}>
<div class="mb-4">
Logged in as @{handle()}
+
<a
+
href=""
+
class="ml-2 text-red-500 dark:text-red-400"
+
onclick={() => logoutBsky()}
+
>
Logout
</a>
</div>
···
<button
type="button"
onclick={() => unfollow()}
+
class="rounded bg-blue-600 px-2 py-2 font-bold text-slate-100 hover:bg-blue-700"
>
Confirm
</button>
···
classList={{
"mb-1 flex items-center border-b dark:border-b-gray-500 py-1":
true,
+
"bg-red-300 dark:bg-rose-800": record.toDelete,
}}
>
<div class="mx-2">
···
</div>
</div>
<div class="mb-2 text-center">
+
<p>Select inactive or blocked accounts to unfollow</p>
</div>
<Login />
<Show when={loginState()}>