#187: Responsiveness increased

alimranahmed · Sep 15, 2024 · 923b7f8 · 923b7f8
1 parent 7a06f78
commit 923b7f8
Show file tree

Hide file tree

Showing 9 changed files with 9 additions and 8 deletions.
diff --git a/resources/views/components/backend/table.blade.php b/resources/views/components/backend/table.blade.php
@@ -1,7 +1,7 @@
 <div {{$attributes->merge(['class' => 'mt-8 flow-root'])}}>
     <div class="-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
         <div class="inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8">
-            <div class="overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg">
+            <div class="overflow-hidden shadow ring-1 ring-black ring-opacity-5 rounded-lg">
                 <table class="min-w-full divide-y divide-gray-300">
                     <thead class="bg-gray-50">
                         {{$head}}

diff --git a/resources/views/components/layouts/backend.blade.php b/resources/views/components/layouts/backend.blade.php
@@ -18,7 +18,7 @@
 
 <x-backend.navbar/>
 
-<div class="sm:px-6 lg:px-8 py-3">
+<div class="max-w-7xl mx-auto px-6 lg:px-8 py-3">
     {{$slot}}
 </div>
 

diff --git a/resources/views/livewire/backend/article/index.blade.php b/resources/views/livewire/backend/article/index.blade.php
@@ -6,7 +6,7 @@
                 <form class="mt-3">
                     <x-backend.form.input name="query" wire:model.live="query" placeholder="Search article" autofocus/>
                     <select name="category" wire:model.live.change="category" aria-label="Category"
-                            class="p-1 border border-indigo-300 rounded focus:outline-none focus:border-indigo-500">
+                            class="p-1 border border-indigo-300 rounded focus:outline-none focus:border-indigo-500 mt-3 sm:mt-0">
                         <option value="">All categories</option>
                         @foreach($navCategories as $category)
                             <option value="{{$category->id}}" {{request('category') == $category->id ? 'selected' : ''}}>

diff --git a/resources/views/livewire/backend/comment/index-row.blade.php b/resources/views/livewire/backend/comment/index-row.blade.php
@@ -1,7 +1,7 @@
 <tr>
     <x-backend.table.td :wrap="true">
         <section>
-            <a href="{{route('get-article', $comment->article->id)}}" target="_blank" class="hover:underline font-semibold text-slate-700">
+            <a href="{{route('get-article', $comment->article->slug)}}" target="_blank" class="hover:underline font-semibold text-slate-700">
                 {{mb_substr($comment->article->heading, 0, 70)}}
                 {{mb_strlen($comment->article->heading)  > 70 ? '...' : '' }}<br>
             </a>

diff --git a/resources/views/livewire/backend/config/image-form.blade.php b/resources/views/livewire/backend/config/image-form.blade.php
@@ -10,6 +10,7 @@
                     <input id="{{$file_name}}" type="file" wire:model="{{$file_name}}" class="sr-only"/>
                     <span class="text-slate-900 rounded px-2 leading-6 text-sm bg-indigo-300 hover:bg-indigo-400 py-1"
                           wire:target="{{$file_name}}"
+                          wire:loading.attr="disabled"
                           wire:loading.class="cursor-wait animate-pulse"
                     >Change</span>
                 </label>

diff --git a/resources/views/livewire/backend/feedback/index.blade.php b/resources/views/livewire/backend/feedback/index.blade.php
@@ -1,5 +1,5 @@
 <div>
-    <section class="grid grid-cols-3 gap-3">
+    <section class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-3">
         @foreach($feedbacks as $feedback)
             <div class="border border-indigo-300 rounded px-3 py-1">
                 <div class="flex justify-between">

diff --git a/resources/views/livewire/backend/keyword/index.blade.php b/resources/views/livewire/backend/keyword/index.blade.php
@@ -1,5 +1,5 @@
 <div>
-    <section class="grid grid-cols-5 gap-3">
+    <section class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-3">
         @foreach($keywords as $keyword)
             <div class="rounded border border-indigo-300 pl-2">
                 <div class="flex justify-between">

diff --git a/resources/views/livewire/backend/subscriber/index.blade.php b/resources/views/livewire/backend/subscriber/index.blade.php
@@ -1,5 +1,5 @@
 <div>
-    <div class="grid grid-cols-4 gap-3">
+    <div class="grid grid-cols-1 sm:grid-cols-3 md:grid-cols-4 gap-3">
         @foreach($subscribers as $subscriber)
             <div class="rounded border border-indigo-300 pl-2">
 

diff --git a/resources/views/livewire/placeholders/cards.blade.php b/resources/views/livewire/placeholders/cards.blade.php
@@ -1,5 +1,5 @@
 <div class="animate-pulse">
-    <section class="grid grid-cols-5 gap-3">
+    <section class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-3">
         @for($i = 1; $i <= 15; $i++)
             <div class="rounded border border-slate-300 pl-2">
                 <div class="flex justify-between">