Skip to content

refactor(admin): optimize panel layouts and forms for mobile screen real estate - #184

Closed
trtajim wants to merge 1 commit into
mainfrom
refactor/admin-panel-mobile-redesign
Closed

refactor(admin): optimize panel layouts and forms for mobile screen real estate#184
trtajim wants to merge 1 commit into
mainfrom
refactor/admin-panel-mobile-redesign

Conversation

@trtajim

@trtajim trtajim commented Aug 26, 2026

Copy link
Copy Markdown
Member

Summary

  • Mobile Real Estate: Reduced excessive padding in AdminLayout.vue (p-3.5 sm:p-6 lg:p-8) to maximize available viewport width on mobile devices.
  • Removed Nested Wrappers: Cleaned up duplicated outer containers (bg-slate-50 p-6 lg:p-10) from all admin edit/create pages.
  • Responsive Card Padding: Standardized card padding across index and create/edit forms (p-4 sm:p-8 md:p-10) so input fields, buttons, and tables don't get squished by outer margins on phones.
  • Affected Pages:
    • AdminLayout.vue
    • Dashboard.vue
    • Index.vue (Subjects)
    • SubjectCreateOrEdit.vue
    • Node.vue
    • NodeCreateOrEdit.vue
    • ResourceCreateOrEdit.vue
    • BulkImageCreate.vue & BulkVideoCreate.vue
    • Blog.vue & BlogCreateOrEdit.vue
    • NoticeEdit.vue
    • users/Index.vue & users/CreateOrEdit.vue
    • EmailSend.vue

@trtajim

trtajim commented Aug 26, 2026

Copy link
Copy Markdown
Member Author

Closing in favor of PR #185 (redesign/admin-panel-flat-layout)

@trtajim trtajim closed this Aug 26, 2026
@trtajim
trtajim deleted the refactor/admin-panel-mobile-redesign branch August 26, 2026 17:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant