many coloring changes and improvements
This commit is contained in:
Daniel
@@ -81,7 +81,7 @@ export default function ChangePassword({
|
||||
return (
|
||||
<div className="mx-auto sm:w-[35rem] w-80">
|
||||
<div className="max-w-[25rem] w-full mx-auto flex flex-col gap-3 justify-between">
|
||||
<p className="text-sm text-sky-700 dark:text-sky-400">New Password</p>
|
||||
<p className="text-sm text-black dark:text-white">New Password</p>
|
||||
|
||||
<input
|
||||
value={newPassword}
|
||||
@@ -90,7 +90,7 @@ export default function ChangePassword({
|
||||
placeholder="••••••••••••••"
|
||||
className="w-full rounded-md p-3 mx-auto border-sky-100 dark:border-sky-800 dark:bg-sky-950 border-solid border outline-none focus:border-sky-700 duration-100"
|
||||
/>
|
||||
<p className="text-sm text-sky-700 dark:text-sky-400">
|
||||
<p className="text-sm text-black dark:text-white">
|
||||
Confirm New Password
|
||||
</p>
|
||||
|
||||
|
||||
@@ -119,7 +119,7 @@ export default function PrivacySettings({
|
||||
return (
|
||||
<div className="flex flex-col gap-3 justify-between sm:w-[35rem] w-80">
|
||||
<div>
|
||||
<p className="text-sm text-sky-700 mb-2">Profile Visibility</p>
|
||||
<p className="text-sm text-black mb-2">Profile Visibility</p>
|
||||
|
||||
<Checkbox
|
||||
label="Make profile private"
|
||||
@@ -134,7 +134,7 @@ export default function PrivacySettings({
|
||||
|
||||
{user.isPrivate && (
|
||||
<div>
|
||||
<p className="text-sm text-sky-700 my-2">Whitelisted Users</p>
|
||||
<p className="text-sm text-black my-2">Whitelisted Users</p>
|
||||
<p className="text-gray-500 text-sm mb-3">
|
||||
Please provide the Username of the users you wish to grant
|
||||
visibility to your profile. Separated by comma.
|
||||
@@ -152,7 +152,7 @@ export default function PrivacySettings({
|
||||
</div>
|
||||
|
||||
<div className="mt-5">
|
||||
<p className="text-sm text-sky-700 mb-2">Import/Export Data</p>
|
||||
<p className="text-sm text-black mb-2">Import/Export Data</p>
|
||||
|
||||
<div className="flex gap-2">
|
||||
<div
|
||||
@@ -162,7 +162,7 @@ export default function PrivacySettings({
|
||||
>
|
||||
<div
|
||||
id="import-dropdown"
|
||||
className="border border-slate-200 rounded-md bg-white px-2 text-center select-none cursor-pointer text-sky-900 duration-100 hover:border-sky-700"
|
||||
className="border border-slate-200 rounded-md bg-white px-2 text-center select-none cursor-pointer text-black duration-100 hover:border-sky-700"
|
||||
>
|
||||
Import From
|
||||
</div>
|
||||
@@ -196,7 +196,7 @@ export default function PrivacySettings({
|
||||
</div>
|
||||
|
||||
<Link className="w-fit" href="/api/data">
|
||||
<div className="border border-slate-200 rounded-md bg-white px-2 text-center select-none cursor-pointer text-sky-900 duration-100 hover:border-sky-700">
|
||||
<div className="border border-slate-200 rounded-md bg-white px-2 text-center select-none cursor-pointer text-black duration-100 hover:border-sky-700">
|
||||
Export Data
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
@@ -102,7 +102,7 @@ export default function ProfileSettings({
|
||||
<div className="flex flex-col gap-3 justify-between sm:w-[35rem] w-80">
|
||||
<div className="grid sm:grid-cols-2 gap-3 auto-rows-auto">
|
||||
<div className="sm:row-span-2 sm:justify-self-center mx-auto mb-3">
|
||||
<p className="text-sm text-sky-700 dark:text-sky-400 mb-2 text-center">
|
||||
<p className="text-sm text-black dark:text-white mb-2 text-center">
|
||||
Profile Photo
|
||||
</p>
|
||||
<div className="w-28 h-28 flex items-center justify-center rounded-full relative">
|
||||
@@ -129,7 +129,7 @@ export default function ProfileSettings({
|
||||
<label
|
||||
htmlFor="upload-photo"
|
||||
title="PNG or JPG (Max: 3MB)"
|
||||
className="border border-slate-200 rounded-md bg-white px-2 text-center select-none cursor-pointer text-sky-900 duration-100 hover:border-sky-700"
|
||||
className="border border-slate-200 rounded-md bg-white px-2 text-center select-none cursor-pointer text-black duration-100 hover:border-sky-700"
|
||||
>
|
||||
Browse...
|
||||
<input
|
||||
@@ -147,7 +147,7 @@ export default function ProfileSettings({
|
||||
|
||||
<div className="flex flex-col gap-3">
|
||||
<div>
|
||||
<p className="text-sm text-sky-700 dark:text-sky-400 mb-2">
|
||||
<p className="text-sm text-black dark:text-white mb-2">
|
||||
Display Name
|
||||
</p>
|
||||
<input
|
||||
@@ -159,9 +159,7 @@ export default function ProfileSettings({
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p className="text-sm text-sky-700 dark:text-sky-400 mb-2">
|
||||
Username
|
||||
</p>
|
||||
<p className="text-sm text-black dark:text-white mb-2">Username</p>
|
||||
<input
|
||||
type="text"
|
||||
value={user.username || ""}
|
||||
@@ -172,7 +170,7 @@ export default function ProfileSettings({
|
||||
|
||||
{emailEnabled ? (
|
||||
<div>
|
||||
<p className="text-sm text-sky-700 mb-2">Email</p>
|
||||
<p className="text-sm text-black mb-2">Email</p>
|
||||
<input
|
||||
type="text"
|
||||
value={user.email || ""}
|
||||
@@ -192,10 +190,10 @@ export default function ProfileSettings({
|
||||
|
||||
{/* <hr /> TODO: Export functionality
|
||||
|
||||
<p className="text-sky-700">Data Settings</p>
|
||||
<p className="text-black">Data Settings</p>
|
||||
|
||||
<div className="w-fit">
|
||||
<div className="border border-sky-100 rounded-md bg-white px-2 py-1 text-center select-none cursor-pointer text-sky-900 duration-100 hover:border-sky-700">
|
||||
<div className="border border-sky-100 rounded-md bg-white px-2 py-1 text-center select-none cursor-pointer text-black duration-100 hover:border-sky-700">
|
||||
Export Data
|
||||
</div>
|
||||
</div> */}
|
||||
|
||||
@@ -27,11 +27,11 @@ export default function UserModal({
|
||||
return (
|
||||
<div className={className}>
|
||||
<Tab.Group defaultIndex={defaultIndex}>
|
||||
<Tab.List className="flex justify-center flex-col max-w-[15rem] sm:max-w-[30rem] mx-auto sm:flex-row gap-2 sm:gap-3 mb-5 text-sky-700 dark:text-sky-300">
|
||||
<Tab.List className="flex justify-center flex-col max-w-[15rem] sm:max-w-[30rem] mx-auto sm:flex-row gap-2 sm:gap-3 mb-5 text-black dark:text-white">
|
||||
<Tab
|
||||
className={({ selected }) =>
|
||||
selected
|
||||
? "px-2 py-1 bg-sky-200 dark:bg-sky-500 dark:text-sky-100 duration-100 rounded-md outline-none"
|
||||
? "px-2 py-1 bg-sky-200 dark:bg-sky-500 dark:text-white duration-100 rounded-md outline-none"
|
||||
: "px-2 py-1 hover:bg-slate-200 hover:dark:bg-sky-700 rounded-md duration-100 outline-none"
|
||||
}
|
||||
>
|
||||
@@ -41,7 +41,7 @@ export default function UserModal({
|
||||
<Tab
|
||||
className={({ selected }) =>
|
||||
selected
|
||||
? "px-2 py-1 bg-sky-200 dark:bg-sky-500 dark:text-sky-100 duration-100 rounded-md outline-none"
|
||||
? "px-2 py-1 bg-sky-200 dark:bg-sky-500 dark:text-white duration-100 rounded-md outline-none"
|
||||
: "px-2 py-1 hover:bg-slate-200 hover:dark:bg-sky-600 rounded-md duration-100 outline-none"
|
||||
}
|
||||
>
|
||||
@@ -51,7 +51,7 @@ export default function UserModal({
|
||||
<Tab
|
||||
className={({ selected }) =>
|
||||
selected
|
||||
? "px-2 py-1 bg-sky-200 dark:bg-sky-500 dark:text-sky-100 duration-100 rounded-md outline-none"
|
||||
? "px-2 py-1 bg-sky-200 dark:bg-sky-500 dark:text-white duration-100 rounded-md outline-none"
|
||||
: "px-2 py-1 hover:bg-slate-200 hover:dark:bg-sky-600 rounded-md duration-100 outline-none"
|
||||
}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user