GuilanCE/guilan-ace-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(admin): polish mobile layout and actions

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-06-12 21:35:17 +03:30
parent 4611c8d63b
commit 1e302d2aa2
5 changed files with 153 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/AdminBlogEditor.tsx
View File

@@ -226,9 +226,9 @@ export default function AdminBlogEditor({ postId }: Props) {
<div className="rounded-3xl border bg-background/90 p-4 shadow-sm">
<div className="flex flex-col gap-4 xl:flex-row xl:items-center xl:justify-between">
<div className="text-right">
<div className="flex flex-wrap items-center justify-end gap-2">
<Badge variant="outline">{form.status || "draft"}</Badge>
<div className="flex flex-wrap items-center gap-2">
<h2 className="text-2xl font-bold">{isNew ? "نوشته جدید" : "ویرایش نوشته"}</h2>
<Badge variant="outline">{form.status || "draft"}</Badge>
</div>
<p className="mt-1 text-sm text-muted-foreground">
نوشتن مارک‌داون، پیش‌نمایش زنده و تنظیمات انتشار در یک محیط مینیمال.
@@ -311,7 +311,7 @@ export default function AdminBlogEditor({ postId }: Props) {
<div>
<Label className="mb-2 block text-right">برچسب‌ها</Label>
<div className="flex flex-wrap justify-end gap-2">
<div className="flex flex-wrap gap-2">
{tags.map((tag) => {
const selected = selectedTagIds.includes(tag.id);
return (
@@ -332,7 +332,7 @@ export default function AdminBlogEditor({ postId }: Props) {
{canAssignWriters ? (
<div>
<Label className="mb-2 block text-right">نویسندگان</Label>
<div className="flex flex-wrap justify-end gap-2">
<div className="flex flex-wrap gap-2">
{users.map((writer) => {
const selected = selectedWriterIds.includes(writer.id);
const fullName = [writer.first_name, writer.last_name].filter(Boolean).join(" ") || writer.username;