removed extra classNames

This commit is contained in:
daniel31x13
2023-11-24 08:39:55 -05:00
parent 73954fe78e
commit 75d4fce8ec
42 changed files with 137 additions and 269 deletions
+9 -17
View File
@@ -159,14 +159,14 @@ export default function Account() {
<div className="grid sm:grid-cols-2 gap-3 auto-rows-auto">
<div className="flex flex-col gap-3">
<div>
<p className="text-black dark:text-white mb-2">Display Name</p>
<p className="mb-2">Display Name</p>
<TextInput
value={user.name || ""}
onChange={(e) => setUser({ ...user, name: e.target.value })}
/>
</div>
<div>
<p className="text-black dark:text-white mb-2">Username</p>
<p className="mb-2">Username</p>
<TextInput
value={user.username || ""}
onChange={(e) => setUser({ ...user, username: e.target.value })}
@@ -175,7 +175,7 @@ export default function Account() {
{emailEnabled ? (
<div>
<p className="text-black dark:text-white mb-2">Email</p>
<p className="mb-2">Email</p>
{user.email !== account.email &&
process.env.NEXT_PUBLIC_STRIPE === "true" ? (
<p className="text-gray-500 dark:text-gray-400 mb-2 text-sm">
@@ -191,9 +191,7 @@ export default function Account() {
</div>
<div className="sm:row-span-2 sm:justify-self-center mx-auto my-3">
<p className="text-black dark:text-white mb-2 text-center">
Profile Photo
</p>
<p className="mb-2 text-center">Profile Photo</p>
<div className="w-28 h-28 flex items-center justify-center rounded-full relative">
<ProfilePhoto
priority={true}
@@ -232,7 +230,7 @@ export default function Account() {
<div>
<div className="flex items-center gap-2 w-full rounded-md h-8">
<p className="text-black dark:text-white truncate w-full pr-7 text-3xl font-thin">
<p className="truncate w-full pr-7 text-3xl font-thin">
Import & Export
</p>
</div>
@@ -241,9 +239,7 @@ export default function Account() {
<div className="flex gap-3 flex-col">
<div>
<p className="text-black dark:text-white mb-2">
Import your data from other platforms.
</p>
<p className="mb-2">Import your data from other platforms.</p>
<div
onClick={() => setImportDropdown(true)}
className="w-fit relative"
@@ -306,9 +302,7 @@ export default function Account() {
</div>
<div>
<p className="text-black dark:text-white mb-2">
Download your data instantly.
</p>
<p className="mb-2">Download your data instantly.</p>
<Link className="w-fit" href="/api/v1/migration">
<div className="border w-fit border-slate-200 dark:border-neutral-700 rounded-md bg-white dark:bg-neutral-800 px-2 text-center select-none cursor-pointer duration-100 hover:border-sky-300 hover:dark:border-sky-600">
Export Data
@@ -320,7 +314,7 @@ export default function Account() {
<div>
<div className="flex items-center gap-2 w-full rounded-md h-8">
<p className="text-black dark:text-white truncate w-full pr-7 text-3xl font-thin">
<p className="truncate w-full pr-7 text-3xl font-thin">
Profile Visibility
</p>
</div>
@@ -339,9 +333,7 @@ export default function Account() {
{user.isPrivate && (
<div className="pl-5">
<p className="text-black dark:text-white mt-2">
Whitelisted Users
</p>
<p className="mt-2">Whitelisted Users</p>
<p className="text-gray-500 dark:text-gray-300 text-sm mb-3">
Please provide the Username of the users you wish to grant
visibility to your profile. Separated by comma.
+1 -3
View File
@@ -105,9 +105,7 @@ export default function Appearance() {
<div>
<div className="flex items-center gap-2 w-full rounded-md h-8">
<p className="text-black dark:text-white truncate w-full pr-7 text-3xl font-thin">
Link Card
</p>
<p className="truncate w-full pr-7 text-3xl font-thin">Link Card</p>
</div>
<hr className="my-3 border-1 border-sky-100 dark:border-neutral-700" />
<Checkbox
+2 -2
View File
@@ -16,7 +16,7 @@ export default function Billing() {
<hr className="my-3 border-1 border-sky-100 dark:border-neutral-700" />
<div className="w-full mx-auto flex flex-col gap-3 justify-between">
<p className="text-md text-black dark:text-white">
<p className="text-md">
To manage/cancel your subscription, visit the{" "}
<a
href={process.env.NEXT_PUBLIC_STRIPE_BILLING_PORTAL_URL}
@@ -27,7 +27,7 @@ export default function Billing() {
.
</p>
<p className="text-md text-black dark:text-white">
<p className="text-md">
If you still need help or encountered any issues, feel free to reach
out to us at:{" "}
<a
+2 -4
View File
@@ -80,9 +80,7 @@ export default function Password() {
{process.env.NEXT_PUBLIC_KEYCLOAK_ENABLED !== "true" ? (
<div>
<p className="mb-2 text-black dark:text-white">
Confirm Your Password
</p>
<p className="mb-2">Confirm Your Password</p>
<TextInput
value={password}
@@ -120,7 +118,7 @@ export default function Password() {
</select>
</label>
<div>
<p className="text-sm mb-2 text-black dark:text-white">
<p className="text-sm mb-2">
More information (the more details, the more helpful it&apos;d
be)
</p>
+2 -2
View File
@@ -54,7 +54,7 @@ export default function Password() {
should be at least 8 characters.
</p>
<div className="w-full flex flex-col gap-2 justify-between">
<p className="text-black dark:text-white">New Password</p>
<p>New Password</p>
<TextInput
value={newPassword}
@@ -63,7 +63,7 @@ export default function Password() {
type="password"
/>
<p className="text-black dark:text-white">Confirm New Password</p>
<p>Confirm New Password</p>
<TextInput
value={newPassword2}