flag

Development Update: Mobile Manager UI and Voice Blog

2026.02.13 | Dev Log

Mobile Admin UI and Voice Blog Optimization



1. Complete Overhaul of Mobile Admin Interface
We redesigned the admin panel optimized for mobile devices, inspired by the practical Namuwiki style, to improve usability and readability.

  • Card Layout: Tables in posts.php, categories.php, settings.php files are displayed in a concise card format on mobile.


  • High Density: Reduced margins and padding to maximize screen space.


  • Visual Clarity: Removed unnecessary shadows and rounded corners and applied clean, flat borders.


  • Header Fix: Resolved the issue of the fixed header obscuring content.


    • 2. Voice Blog Implementation
  • Added a "Voice Blog" button to the mobile header.


  • Implemented real-time audio recording, uploading, and automatic text conversion using the Gemini API.


  • Integrated Seamless Workflow: Record -> Transcribe -> Post Creation -> Redirection


    • 3. System Improvements
  • SQLite Migration: Successfully migrated from JSON processing to a stable SQLite database.


  • Settings Page: Optimized for mobile environments, with simplified input fields and concise sections.


  • Performance: Added CSS cache invalidation to ensure UI updates are reflected immediately.

    • Related Posts

    Comments

    No comments yet. Be the first to share your thoughts!

    © 2026 My Blog. All rights reserved.