Skip to content

Commit ca80cbf

Browse files
mckenzieartsmckenziearts
committed
💄 mis a jour du responsive design
1 parent 6e7215a commit ca80cbf

25 files changed

+200
-127
lines changed

‎app/Http/Controllers/ArticlesController.php

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
use App\Models\Article;
66
use App\Policies\ArticlePolicy;
77
use Illuminate\Support\Facades\Auth;
8+
use Illuminate\Support\Facades\Cache;
89

910
class ArticlesController extends Controller
1011
{
@@ -24,6 +25,8 @@ public function show(Article $article)
2425

2526
views($article)->record();
2627

28+
$article = Cache::remember('post-' . $article->id, now()->addDays(2), fn () => $article);
29+
2730
abort_unless(
2831
$article->isPublished() || ($user && $user->hasAnyRole(['admin', 'moderator'])),
2932
404

‎app/Http/Controllers/ThreadController.php

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ class ThreadController extends Controller
1010
{
1111
public function __construct()
1212
{
13-
$this->middleware(['auth', 'verified'], ['only' => ['create']]);
13+
$this->middleware(['auth', 'verified'], ['only' => ['create', 'edit']]);
1414
}
1515

1616
public function index(Request $request)

‎app/Models/Discussion.php

Lines changed: 0 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -64,15 +64,6 @@ class Discussion extends Model implements ReactableInterface, ReplyInterface, Su
6464
'author',
6565
];
6666

67-
/**
68-
* The relationship counts that should be eager loaded on every query.
69-
*
70-
* @var array
71-
*/
72-
protected $withCount = [
73-
'replies',
74-
];
75-
7667
/**
7768
* The accessors to append to the model's array form.
7869
*

‎app/View/Composers/ChannelsComposer.php

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
namespace App\View\Composers;
44

55
use App\Models\Channel;
6+
use Illuminate\Support\Facades\Cache;
67
use Illuminate\View\View;
78

89
class ChannelsComposer
@@ -11,9 +12,8 @@ public function compose(View $view)
1112
{
1213
$view->with(
1314
'channels',
14-
Channel::with('items')
15-
->whereNull('parent_id')
16-
->get()
15+
Cache::remember('channels', now()->addDay(),
16+
fn () => Channel::with('items')->whereNull('parent_id')->get())
1717
);
1818
}
1919
}

‎public/css/app.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public/js/app.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public/mix-manifest.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
{
2-
"/js/app.js": "/js/app.js?id=7d557689434ab2f122d8",
3-
"/css/app.css": "/css/app.css?id=fdf410c5697f754950ed"
2+
"/js/app.js": "/js/app.js?id=9abd09e80a5426001802",
3+
"/css/app.css": "/css/app.css?id=2d48602df6b458ee81ad"
44
}

‎resources/js/components/Comments.jsx

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -358,15 +358,15 @@ const Comment = memo(({ comment, editing, onEdit, onUpdate, onDelete, onReply, o
358358
/>
359359
</div>
360360
<div className="flex-1">
361-
<div className="flex items-center text-sm space-x-2">
361+
<div className="text-sm sm:flex sm:items-center sm:space-x-2">
362362
<a href={`/user/${comment.author.username}`} className="font-medium text-skin-primary font-sans hover:text-skin-primary-hover">
363363
{comment.author.name}
364364
</a>
365365
<span className="text-skin-base font-normal"><time-ago time={comment.created_at} /></span>
366366
{canEdit && (
367-
<div className="flex">
368-
<span className="text-skin-base font-medium">·</span>
369-
<div className="pl-2 flex items-center divide-x divide-skin-base">
367+
<div className="mt-1 flex sm:mt-0">
368+
<span className="hidden sm:inline-block text-skin-base font-medium">·</span>
369+
<div className="sm:pl-2 flex items-center divide-x divide-skin-base">
370370
<button type="button" onClick={handleEdit} className="pr-2 text-sm leading-5 font-sans text-skin-base focus:outline-none hover:underline">Éditer</button>
371371
<button type="button" onClick={handleDelete} className="pl-2 text-sm leading-5 font-sans text-red-500 focus:outline-none hover:underline">Supprimer</button>
372372
</div>
@@ -452,13 +452,13 @@ function CommentForm ({ onSubmit, parent, isRoot = false, onCancel = null }) {
452452
rows={4}
453453
required
454454
/>
455-
<div className="mt-6 flex items-center justify-between space-x-4">
455+
<div className="mt-4 sm:flex sm:items-center sm:justify-between sm:space-x-4">
456456
{isRoot && (
457457
<p className="text-sm text-skin-base max-w-xl font-normal">
458458
Veuillez vous assurer d'avoir lu nos <a href="/rules" className="font-medium text-skin-primary hover:text-skin-primary-hover">règles de conduite</a> avant de répondre à ce fil de conversation.
459459
</p>
460460
)}
461-
<div className="flex items-center justify-end space-x-3">
461+
<div className="mt-3 flex items-center justify-end space-x-3 sm:mt-0">
462462
{onCancel && <DefaultButton type="reset" onClick={handleCancel}>Annuler</DefaultButton>}
463463
<PrimaryButton type="submit" loading={loading}>
464464
Commenter

‎resources/views/articles/show.blade.php

Lines changed: 88 additions & 37 deletions
Large diffs are not rendered by default.

‎resources/views/components/articles/filter.blade.php

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ class="{{ $selectedSortBy === 'trending' ? 'bg-skin-link text-skin-inverted': 't
5252
type="button"
5353
wire:click="sortBy('recent')"
5454
aria-current="{{ $selectedSortBy === 'recent' ? 'page' : 'false' }}"
55-
class="w-full {{ $selectedSortBy === 'recent' ? 'text-skin-inverted': 'text-skin-base hover:text-skin-inverted' }} rounded-l-lg group relative min-w-0 flex-1 overflow-hidden bg-skin-card py-4 px-6 text-sm font-medium text-center hover:bg-skin-card-muted focus:z-10"
55+
class="w-full {{ $selectedSortBy === 'recent' ? 'text-skin-inverted': 'text-skin-base hover:text-skin-inverted' }} rounded-l-lg group relative min-w-0 flex-1 overflow-hidden bg-skin-card p-4 sm:px-6 text-sm font-medium text-center hover:bg-skin-card-muted focus:z-10"
5656
>
5757
<span>Récents</span>
5858
<span aria-hidden="true" class="{{ $selectedSortBy === 'recent' ? 'bg-skin-primary': 'bg-transparent' }} absolute inset-x-0 bottom-0 h-0.5"></span>
@@ -62,7 +62,7 @@ class="w-full {{ $selectedSortBy === 'recent' ? 'text-skin-inverted': 'text-skin
6262
type="button"
6363
wire:click="sortBy('popular')"
6464
aria-current="{{ $selectedSortBy === 'popular' ? 'page' : 'false' }}"
65-
class="w-full {{ $selectedSortBy === 'popular' ? 'text-skin-inverted': 'text-skin-base hover:text-skin-inverted' }} group relative min-w-0 flex-1 overflow-hidden bg-skin-card py-4 px-6 text-sm font-medium text-center hover:bg-skin-card-muted focus:z-10"
65+
class="w-full {{ $selectedSortBy === 'popular' ? 'text-skin-inverted': 'text-skin-base hover:text-skin-inverted' }} group relative min-w-0 flex-1 overflow-hidden bg-skin-card p-4 sm:px-6 text-sm font-medium text-center hover:bg-skin-card-muted focus:z-10"
6666
>
6767
<span>Populaire</span>
6868
<span aria-hidden="true" class="{{ $selectedSortBy === 'popular' ? 'bg-skin-primary': 'bg-transparent' }} absolute inset-x-0 bottom-0 h-0.5"></span>
@@ -72,7 +72,7 @@ class="w-full {{ $selectedSortBy === 'popular' ? 'text-skin-inverted': 'text-ski
7272
type="button"
7373
wire:click="sortBy('trending')"
7474
aria-current="{{ $selectedSortBy === 'trending' ? 'page' : 'false' }}"
75-
class="w-full {{ $selectedSortBy === 'trending' ? 'text-skin-inverted': 'text-skin-base hover:text-skin-inverted' }} rounded-r-lg group relative min-w-0 flex-1 overflow-hidden bg-skin-card py-4 px-6 text-sm font-medium text-center hover:bg-skin-card-muted focus:z-10"
75+
class="w-full {{ $selectedSortBy === 'trending' ? 'text-skin-inverted': 'text-skin-base hover:text-skin-inverted' }} rounded-r-lg group relative min-w-0 flex-1 overflow-hidden bg-skin-card p-4 sm:px-6 text-sm font-medium text-center hover:bg-skin-card-muted focus:z-10"
7676
>
7777
<span>Tendance</span>
7878
<span aria-hidden="true" class="{{ $selectedSortBy === 'trending' ? 'bg-skin-primary': 'bg-transparent' }} absolute inset-x-0 bottom-0 h-0.5"></span>

0 commit comments

Comments
 (0)