mobile responsive

This commit is contained in:
gosangam
2026-10-16 15:45:29 +05:30
parent 1e551764e1
commit b194d4aa03
21 changed files with 249 additions and 138 deletions
+14 -11
View File
@@ -13,6 +13,7 @@ import { RichTextarea } from "@/components/ui/rich-textarea";
import { RichText } from "@/lib/rich-text";
import { useConfirm } from "@/components/confirm";
import { cn, fmtDate } from "@/lib/utils";
import { Clamp } from "@/components/ui/clamp";
const TYPES: { key: ReportType; label: string }[] = [
{ key: "post", label: "Posts" },
@@ -195,18 +196,16 @@ export default function ReportsPage() {
<TR key={r.id} className={resolved ? "opacity-70" : ""}>
<TD className="max-w-xs align-top">
{type === "user" ? (
<span className="font-medium">
<Clamp className="font-medium">
{r.target_text ? `@${r.target_text}` : "—"}
</span>
</Clamp>
) : (
<>
<div className="line-clamp-2">
{r.target_text || "—"}
</div>
<Clamp lines={2}>{r.target_text || "—"}</Clamp>
{r.target_author_handle ? (
<div className="mt-0.5 text-xs text-muted-foreground">
by @{r.target_author_handle}
</div>
<Clamp className="mt-0.5 text-xs text-muted-foreground">
{`by @${r.target_author_handle}`}
</Clamp>
) : null}
</>
)}
@@ -221,11 +220,15 @@ export default function ReportsPage() {
{r.category}
</div>
{r.reason ? (
<div className="mt-0.5 line-clamp-2">{r.reason}</div>
<Clamp lines={2} className="mt-0.5">
{r.reason}
</Clamp>
) : null}
</TD>
<TD className="whitespace-nowrap align-top text-xs text-muted-foreground">
{r.reporter_handle ? `@${r.reporter_handle}` : "—"}
<TD className="max-w-[12rem] align-top text-xs text-muted-foreground">
<Clamp>
{r.reporter_handle ? `@${r.reporter_handle}` : "—"}
</Clamp>
</TD>
<TD className="whitespace-nowrap align-top">
{fmtDate(r.created_at)}