From e14cc5dd43a0c84bd4b1698a480b99250eeb4c60 Mon Sep 17 00:00:00 2001 From: Yutaka Kurosaki Date: Sun, 30 Nov 2025 13:17:50 +0900 Subject: [PATCH] Implement responsive design for mobile and tablet devices MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Add hamburger menu for mobile sidebar with slide-out animation - Make header navigation responsive with icon-only buttons on mobile - Adjust document viewer, editor, and quick switcher layouts for smaller screens - Preserve all existing functionality including localStorage folder state persistence - Use Tailwind responsive utilities (sm:, md:, lg:) for progressive enhancement 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- .../views/layouts/knowledge-base.blade.php | 89 ++++++++++++++----- .../views/livewire/document-editor.blade.php | 21 ++--- .../views/livewire/document-viewer.blade.php | 20 ++--- .../views/livewire/quick-switcher.blade.php | 28 +++--- 4 files changed, 104 insertions(+), 54 deletions(-) diff --git a/src/resources/views/layouts/knowledge-base.blade.php b/src/resources/views/layouts/knowledge-base.blade.php index 42aeec1..65031eb 100644 --- a/src/resources/views/layouts/knowledge-base.blade.php +++ b/src/resources/views/layouts/knowledge-base.blade.php @@ -27,34 +27,46 @@ @livewireStyles @stack('styles') - +
-
+
- - -

+ + + + + +

{{ config('app.name', 'Knowledge Base') }}

-
+
@@ -63,10 +75,10 @@ class="inline-flex items-center px-3 py-2 border border-gray-300 shadow-sm text-
@@ -82,7 +94,7 @@ class="flex items-center px-3 py-2 text-sm font-medium text-gray-700 hover:text-
@foreach($locales as $code => $name)
@@ -111,8 +123,11 @@ class="w-full text-left px-4 py-2 text-sm hover:bg-gray-100 {{ $currentLocale == @click="open = !open" class="flex items-center text-sm font-medium text-gray-700 hover:text-gray-900 focus:outline-none" > - {{ Auth::user()->name }} - + + + {{ strtoupper(substr(Auth::user()->name, 0, 1)) }} + + @@ -120,7 +135,7 @@ class="flex items-center text-sm font-medium text-gray-700 hover:text-gray-900 f
{{ __('messages.nav.profile') }} @@ -144,9 +159,14 @@ class="absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg py-1 ring-1 ring
@else - + + + + + + @endauth
@@ -155,8 +175,37 @@ class="absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg py-1 ring-1 ring
- -