better looking detail modal

components/LinkViews/LinkComponents/LinkActions.tsx

@@ -222,6 +222,7 @@ export default function LinkActions({
         <LinkDetailModal
           onClose={() => setLinkDetailModal(false)}
           onEdit={() => setEditLinkModal(true)}
+          onDelete={() => setDeleteLinkModal(true)}
           link={link}
         />
       )}

components/LinkViews/LinkComponents/LinkCard.tsx

@@ -172,7 +172,7 @@ export default function LinkCard({ link, flipDropdown, editMode }: Props) {
                 <div className="duration-100 h-40 bg-opacity-80 skeleton rounded-none"></div>
               )}
               {show.icon && (
-                <div className="absolute top-0 left-0 right-0 bottom-0 rounded-t-2xl flex items-center justify-center shadow rounded-md">
+                <div className="absolute top-0 left-0 right-0 bottom-0 rounded-t-2xl flex items-center justify-center rounded-md">
                   <LinkIcon link={link} />
                 </div>
               )}

components/LinkViews/LinkComponents/LinkIcon.tsx

@@ -16,7 +16,7 @@ export default function LinkIcon({
   hideBackground?: boolean;
 }) {
   let iconClasses: string = clsx(
-    "rounded flex item-center justify-center select-none z-10 w-12 h-12",
+    "rounded flex item-center justify-center shadow-md select-none z-10 w-12 h-12",
     !hideBackground && "rounded-md bg-white backdrop-blur-lg bg-opacity-50 p-1",
     className
   );

components/LinkViews/LinkComponents/LinkMasonry.tsx

@@ -162,7 +162,7 @@ export default function LinkMasonry({ link, flipDropdown, editMode }: Props) {
                 <div className="duration-100 h-40 bg-opacity-80 skeleton rounded-none"></div>
               )}
               {show.icon && (
-                <div className="absolute top-0 left-0 right-0 bottom-0 rounded-t-2xl flex items-center justify-center shadow rounded-md">
+                <div className="absolute top-0 left-0 right-0 bottom-0 rounded-t-2xl flex items-center justify-center rounded-md">
                   <LinkIcon link={link} />
                 </div>
               )}