mobile responsive
This commit is contained in:
@@ -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)}
|
||||
|
||||
Reference in New Issue
Block a user