egutierrez/linkwarden
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

many coloring changes and improvements

Browse Source
This commit is contained in:
Daniel
2023-08-11 01:11:02 -04:00
parent 1eb1467a02
commit 7da89a35e2
37 changed files with 189 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/collections/[id].tsx
+4 -4
View File
@@ -60,7 +60,7 @@ export default function Index() {
style={{ color: activeCollection?.color }}
className="sm:w-8 sm:h-8 w-6 h-6 mt-3 drop-shadow"
/>
<p className="sm:text-4xl text-3xl capitalize text-sky-700 dark:text-sky-300 font-bold w-full py-1 break-words hyphens-auto">
<p className="sm:text-4xl text-3xl capitalize text-black dark:text-white font-bold w-full py-1 break-words hyphens-auto">
{activeCollection?.name}
</p>
</div>
@@ -116,7 +116,7 @@ export default function Index() {
) : null}
</div>
<div className="text-gray-600 dark:text-sky-400 flex justify-between items-end gap-5">
<div className="text-gray-600 dark:text-white flex justify-between items-end gap-5">
<p>{activeCollection?.description}</p>
<div className="flex items-center gap-2">
<div className="relative">
@@ -128,7 +128,7 @@ export default function Index() {
<FontAwesomeIcon
icon={faSort}
id="sort-dropdown"
className="w-5 h-5 text-gray-500 dark:text-sky-400"
className="w-5 h-5 text-gray-500 dark:text-white"
/>
</div>
@@ -150,7 +150,7 @@ export default function Index() {
icon={faEllipsis}
id="expand-dropdown"
title="More"
className="w-5 h-5 text-gray-500 dark:text-sky-400"
className="w-5 h-5 text-gray-500 dark:text-white"
/>
</div>
{expandDropdown ? (
pages/collections/index.tsx
+4 -4
View File
@@ -39,7 +39,7 @@ export default function Collections() {
icon={faFolder}
className="sm:w-8 sm:h-8 w-6 h-6 mt-2 text-sky-500 dark:text-sky-300 drop-shadow"
/>
<p className="sm:text-4xl text-3xl capitalize text-sky-700 dark:text-sky-400 font-bold">
<p className="sm:text-4xl text-3xl capitalize text-black dark:text-white font-bold">
All Collections
</p>
</div>
@@ -52,7 +52,7 @@ export default function Collections() {
<FontAwesomeIcon
icon={faEllipsis}
id="expand-dropdown"
className="w-5 h-5 text-gray-500 dark:text-sky-500"
className="w-5 h-5 text-gray-500 dark:text-white"
/>
</div>
@@ -91,7 +91,7 @@ export default function Collections() {
<FontAwesomeIcon
icon={faSort}
id="sort-dropdown"
className="w-5 h-5 text-gray-500 dark:text-sky-500"
className="w-5 h-5 text-gray-500 dark:text-white"
/>
</div>
@@ -120,7 +120,7 @@ export default function Collections() {
});
}}
>
<p className="text-sky-900 dark:text-sky-400 group-hover:opacity-0 duration-100">
<p className="text-black dark:text-white group-hover:opacity-0 duration-100">
New Collection
</p>
<FontAwesomeIcon