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

visual changes improvements

Browse Source
This commit is contained in:
Daniel
2023-05-15 21:59:51 +03:30
parent 5e27c971ff
commit 9b064bbb1e
7 changed files with 49 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Dashboard/CollectionItem.tsx
+3 -3
View File
@@ -18,10 +18,10 @@ export default function ({ collection }: { collection: ExtendedCollection }) {
});
return (
<Link href={`/collections/${collection.id}`}>
<div className="p-5 bg-white rounded-md flex flex-col gap-2 justify-between cursor-pointer hover:bg-gray-50 duration-100">
<Link href={`/collections/${collection.id}`} className="bg-white">
<div className="p-5 rounded-md flex border border-sky-100 flex-col gap-2 justify-between cursor-pointer hover:opacity-60 duration-100">
<div>
<div className="flex justify-between text-sky-900 items-center">
<div className="flex justify-between text-sky-600 items-center">
<div className="flex items-baseline gap-1">
<p className="text-lg w-max font-bold">{collection.name}</p>
<p className="text-sky-400">{collection.description}</p>
components/Dashboard/LinkItem.tsx
+2 -4
View File
@@ -21,8 +21,6 @@ export default function ({
link: ExtendedLink;
count: number;
}) {
const [editModal, setEditModal] = useState(false);
const url = new URL(link.url);
const formattedDate = new Date(link.createdAt).toLocaleString("en-US", {
year: "numeric",
@@ -31,7 +29,7 @@ export default function ({
});
return (
<div className="bg-white p-5 rounded-md flex items-start relative gap-5 sm:gap-14 group/item">
<div className="bg-white p-5 rounded-md flex items-start border border-sky-100 relative gap-5 lg:gap-10 group/item">
<Image
src={`https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=${url.origin}&size=32`}
width={32}
@@ -49,7 +47,7 @@ export default function ({
width={80}
height={80}
alt=""
className="blur-sm absolute left-2 opacity-40 select-none hidden sm:block"
className="blur-sm absolute left-2 opacity-40 select-none hidden lg:block"
draggable="false"
onError={(e) => {
const target = e.target as HTMLElement;