Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[11.x] Account for long strings on new Laravel error page #51880

Merged
merged 5 commits into from
Jun 27, 2024
Merged

[11.x] Account for long strings on new Laravel error page #51880

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
930fa46
Force-wrap long exception message strings
Jun 21, 2024
19aa0e6
Truncate long exception class names
Jun 21, 2024
ecef33d
Prevent long domain names from overflowing outside card
Jun 21, 2024
b25b4a9
Truncate long HTTP hosts
Jun 21, 2024
3cbd910
Rebuild styles
Jun 21, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 10 additions & 8 deletions src/Illuminate/Foundation/resources/exceptions/renderer/components/header.blade.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,24 +1,26 @@
<x-laravel-exceptions-renderer::card>
<div class="md:flex md:items-center md:justify-between md:gap-2">
<div>
<div class="inline-block rounded-full bg-red-500/20 px-3 py-2 dark:bg-red-500/20">
<span class="hidden text-sm font-bold leading-5 text-red-500 md:inline-block lg:text-base">
<div class="min-w-0">
<div class="inline-block rounded-full bg-red-500/20 px-3 py-2 max-w-full text-sm font-bold leading-5 text-red-500 truncate lg:text-base dark:bg-red-500/20">
<span class="hidden md:inline">
{{ $exception->class() }}
</span>
<span class="text-sm font-bold leading-5 text-red-500 md:hidden lg:text-base">
<span class="md:hidden">
{{ implode(' ', array_slice(explode('\\', $exception->class()), -1)) }}
</span>
</div>
<div class="mt-4 text-lg font-semibold text-gray-900 dark:text-white lg:text-2xl">{{ $exception->message() }}</div>
<div class="mt-4 text-lg font-semibold text-gray-900 break-words dark:text-white lg:text-2xl">
{{ $exception->message() }}
</div>
</div>

<div class="hidden text-right md:block md:min-w-64">
<div class="hidden text-right shrink-0 md:block md:min-w-64 md:max-w-80">
<div>
<span class="rounded-full bg-gray-200 px-3 py-2 text-sm leading-5 text-gray-900 dark:bg-gray-800 dark:text-white">
<span class="inline-block rounded-full bg-gray-200 px-3 py-2 text-sm leading-5 text-gray-900 max-w-full truncate dark:bg-gray-800 dark:text-white">
{{ $exception->request()->method() }} {{ $exception->request()->httpHost() }}
</span>
</div>
<div class="mt-4 px-4">
<div class="px-4">
<span class="text-sm text-gray-500 dark:text-gray-400">PHP {{ PHP_VERSION }} — Laravel {{ app()->version() }}</span>
</div>
</div>
Expand Down
Loading