improved coloring
This commit is contained in:
@@ -104,7 +104,7 @@ export default function CollectionInfo({
|
||||
<div className="w-full">
|
||||
<p className="text-sm text-black dark:text-white mb-2">Description</p>
|
||||
<textarea
|
||||
className="w-full h-[11.4rem] resize-none border rounded-md duration-100 bg-white dark:bg-neutral-950 p-2 outline-none border-sky-100 dark:border-neutral-700 focus:border-sky-300 dark:focus:border-sky-600"
|
||||
className="w-full h-[11.4rem] resize-none border rounded-md duration-100 bg-gray-50 dark:bg-neutral-950 p-2 outline-none border-sky-100 dark:border-neutral-700 focus:border-sky-300 dark:focus:border-sky-600"
|
||||
placeholder="The purpose of this Collection..."
|
||||
value={collection.description}
|
||||
onChange={(e) =>
|
||||
|
||||
@@ -51,7 +51,7 @@ export default function DeleteCollection({
|
||||
<p className="text-red-500 font-bold text-center">Warning!</p>
|
||||
|
||||
<div className="max-h-[20rem] overflow-y-auto">
|
||||
<div className="text-gray-500 dark:text-white">
|
||||
<div className="text-black dark:text-white">
|
||||
<p>
|
||||
Please note that deleting the collection will permanently remove
|
||||
all its contents, including the following:
|
||||
@@ -98,7 +98,7 @@ export default function DeleteCollection({
|
||||
</div>
|
||||
</>
|
||||
) : (
|
||||
<p className="text-gray-500 dark:text-white">
|
||||
<p className="text-black dark:text-white">
|
||||
Click the button below to leave the current collection:
|
||||
</p>
|
||||
)}
|
||||
|
||||
@@ -128,7 +128,7 @@ export default function TeamManagement({
|
||||
}
|
||||
/>
|
||||
|
||||
<p className="text-gray-500 dark:text-white text-sm">
|
||||
<p className="text-gray-500 dark:text-gray-300 text-sm">
|
||||
This will let <b>Anyone</b> to view this collection.
|
||||
</p>
|
||||
</>
|
||||
@@ -204,7 +204,7 @@ export default function TeamManagement({
|
||||
|
||||
{collection?.members[0]?.user && (
|
||||
<>
|
||||
<p className="text-center text-gray-500 dark:text-white text-xs sm:text-sm">
|
||||
<p className="text-center text-gray-500 dark:text-gray-300 text-xs sm:text-sm">
|
||||
(All Members have <b>Read</b> access to this collection.)
|
||||
</p>
|
||||
<div className="flex flex-col gap-3 rounded-md">
|
||||
@@ -219,7 +219,7 @@ export default function TeamManagement({
|
||||
{permissions === true && (
|
||||
<FontAwesomeIcon
|
||||
icon={faClose}
|
||||
className="absolute right-2 top-2 text-gray-500 dark:text-white h-4 hover:text-red-500 duration-100 cursor-pointer"
|
||||
className="absolute right-2 top-2 text-gray-500 dark:text-gray-300 h-4 hover:text-red-500 dark:hover:text-red-500 duration-100 cursor-pointer"
|
||||
title="Remove Member"
|
||||
onClick={() => {
|
||||
const updatedMembers = collection.members.filter(
|
||||
@@ -248,7 +248,7 @@ export default function TeamManagement({
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex sm:block items-center gap-5 min-w-[10rem]">
|
||||
<div className="flex sm:block items-center justify-between gap-5 min-w-[10rem]">
|
||||
<div>
|
||||
<p
|
||||
className={`font-bold text-sm text-black dark:text-white ${
|
||||
@@ -258,7 +258,7 @@ export default function TeamManagement({
|
||||
Permissions
|
||||
</p>
|
||||
{permissions === true && (
|
||||
<p className="text-xs text-gray-500 dark:text-white mb-2">
|
||||
<p className="text-xs text-gray-500 dark:text-gray-300 mb-2">
|
||||
(Click to toggle.)
|
||||
</p>
|
||||
)}
|
||||
@@ -268,7 +268,7 @@ export default function TeamManagement({
|
||||
!e.canCreate &&
|
||||
!e.canUpdate &&
|
||||
!e.canDelete ? (
|
||||
<p className="text-sm text-gray-500 dark:text-white">
|
||||
<p className="text-sm text-gray-500 dark:text-gray-300">
|
||||
Has no permissions.
|
||||
</p>
|
||||
) : (
|
||||
|
||||
Reference in New Issue
Block a user