From 6f847b903332d336dacddc79b7397dcc8da79876 Mon Sep 17 00:00:00 2001
From: hackerESQ <corey@coreyvarma.com>
Date: Sun, 20 Oct 2024 10:06:06 -0500
Subject: [PATCH] fix:mobile improvements

---
 resources/views/api/api-token-manager.blade.php        | 2 +-
 resources/views/components/partials/side-bar.blade.php | 6 +++---
 resources/views/components/section-border.blade.php    | 6 +++---
 resources/views/import-export.blade.php                | 2 +-
 resources/views/profile/show.blade.php                 | 8 ++++----
 5 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/resources/views/api/api-token-manager.blade.php b/resources/views/api/api-token-manager.blade.php
index bba903b..d161ca0 100644
--- a/resources/views/api/api-token-manager.blade.php
+++ b/resources/views/api/api-token-manager.blade.php
@@ -48,7 +48,7 @@
     </x-forms.form-section>
 
     @if ($this->user->tokens->isNotEmpty())
-        <x-section-border />
+        <x-section-border hide-on-mobile />
 
         <!-- Manage API Tokens -->
         <div class="mt-10 sm:mt-0">
diff --git a/resources/views/components/partials/side-bar.blade.php b/resources/views/components/partials/side-bar.blade.php
index 9d8b6ca..abb2df9 100644
--- a/resources/views/components/partials/side-bar.blade.php
+++ b/resources/views/components/partials/side-bar.blade.php
@@ -22,7 +22,7 @@
 </x-menu>
 
 </div>
-<div class="p-4">
+<div class="px-3">
 
 <x-section-border />
 
@@ -30,7 +30,7 @@
     $user = auth()->user();
 @endphp
 
-<x-list-item :item="$user" avatar="profile_photo_url" value="name" sub-value="email" no-separator no-hover class="-mx-2 !-mt-3 rounded">
+<x-list-item :item="$user" avatar="profile_photo_url" value="name" sub-value="email" no-separator no-hover class="mb-3 !-mt-3 rounded">
     <x-slot:actions>
         <x-dropdown>
             <x-slot:trigger>
@@ -40,7 +40,7 @@
             <x-menu-item title="{{ __('Manage Profile') }}" icon="o-user" link="{{ @route('profile.show') }}" />
             <x-menu-item title="{{ __('Import / Export Data') }}" icon="o-cloud-arrow-down" link="{{ @route('import-export') }}" />                                    
 
-            <x-section-border class="py-3" />
+            <x-section-border class="py-1" />
 
             <x-menu-item title="{{ __('Log Out') }}" icon="o-power" onclick="event.preventDefault(); document.getElementById('logout').submit();" />
             <form id="logout" action="{{ route('logout') }}" method="POST" style="display: none;">
diff --git a/resources/views/components/section-border.blade.php b/resources/views/components/section-border.blade.php
index 059613a..25f7d89 100644
--- a/resources/views/components/section-border.blade.php
+++ b/resources/views/components/section-border.blade.php
@@ -1,7 +1,7 @@
 
-<div class="hidden sm:block">
+<div {{ $attributes->class(['h-4 sm:h-auto' => $attributes->has('hide-on-mobile')]) }}>
     <div {{ $attributes->class(['py-6' => !$attributes->has('class')]) }}>
 
-        <div class="border-t border-gray-200 dark:border-gray-700"></div>
+        <hr class="hidden sm:block border-t border-gray-200 dark:border-gray-700" />
     </div>
-</div>
+</div>
\ No newline at end of file
diff --git a/resources/views/import-export.blade.php b/resources/views/import-export.blade.php
index 58a6eaf..67e4f6e 100644
--- a/resources/views/import-export.blade.php
+++ b/resources/views/import-export.blade.php
@@ -4,7 +4,7 @@
             
             @livewire('import-portfolios-field')
 
-            <x-section-border />
+            <x-section-border hide-on-mobile />
         </div>
 
         <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
diff --git a/resources/views/profile/show.blade.php b/resources/views/profile/show.blade.php
index a073db2..c5f0d85 100644
--- a/resources/views/profile/show.blade.php
+++ b/resources/views/profile/show.blade.php
@@ -5,7 +5,7 @@
             @if (Laravel\Fortify\Features::canUpdateProfileInformation())
                 @livewire('profile.update-profile-information-form')
 
-                <x-section-border />
+                <x-section-border hide-on-mobile />
             @endif
 
             @if (Laravel\Fortify\Features::enabled(Laravel\Fortify\Features::updatePasswords()))
@@ -13,7 +13,7 @@
                     @livewire('profile.update-password-form')
                 </div>
 
-                <x-section-border />
+                <x-section-border hide-on-mobile />
             @endif
 
             @if (Laravel\Fortify\Features::canManageTwoFactorAuthentication())
@@ -21,7 +21,7 @@
                     @livewire('profile.two-factor-authentication-form')
                 </div>
 
-                <x-section-border />
+                <x-section-border hide-on-mobile />
             @endif
 
             <div class="mt-10 sm:mt-0">
@@ -29,7 +29,7 @@
             </div>
 
             @if (Laravel\Jetstream\Jetstream::hasAccountDeletionFeatures())
-                <x-section-border />
+                <x-section-border hide-on-mobile />
 
                 <div class="mt-10 sm:mt-0">
                     @livewire('profile.delete-user-form')