diff --git a/src/components/dataDisplay/postEmbed/ImageEmbed.tsx b/src/components/dataDisplay/postEmbed/ImageEmbed.tsx
index 3fcaa717..d08ff5dc 100644
--- a/src/components/dataDisplay/postEmbed/ImageEmbed.tsx
+++ b/src/components/dataDisplay/postEmbed/ImageEmbed.tsx
@@ -129,7 +129,7 @@ export default function ImageEmbed(props: Props) {
alt={images[0].alt}
width={images[0].aspectRatio?.width ?? 900}
height={images[0].aspectRatio?.height ?? 900}
- className="rounded-md max-h-96 object-cover cursor-pointer hover:brightness-90"
+ className="rounded-md max-h-96 w-full object-cover cursor-pointer hover:brightness-90"
onClick={(e) => {
e.stopPropagation();
setShowImage(0);
diff --git a/src/components/feedback/altTag/AltTag.tsx b/src/components/feedback/altTag/AltTag.tsx
index 67dac3da..15f3771c 100644
--- a/src/components/feedback/altTag/AltTag.tsx
+++ b/src/components/feedback/altTag/AltTag.tsx
@@ -2,6 +2,9 @@ import Button from "@/components/actions/button/Button";
import { useState } from "react";
import * as Dialog from "@radix-ui/react-dialog";
import { CgClose } from "react-icons/cg";
+import { useClipboard } from "use-clipboard-copy";
+import toast from "react-hot-toast";
+import { BiSolidCopy } from "react-icons/bi";
interface Props {
text: string;
@@ -10,6 +13,12 @@ interface Props {
export default function AltTag(props: Props) {
const { text } = props;
const [showAlt, setShowAlt] = useState(false);
+ const clipboard = useClipboard({ copiedTimeout: 3500 });
+
+ const handleCopyAltText = () => {
+ clipboard.copy(text);
+ toast.success("Alt text copied to clipboard");
+ };
const handleShowAlt = () => {
setShowAlt(!showAlt);
@@ -46,16 +55,25 @@ export default function AltTag(props: Props) {
e.preventDefault();
handleCloseAlt();
}}
+ className="m-3.5"
>