1
0
Fork 0
mirror of https://github.com/archtechx/laravel-tips.git synced 2025-12-12 05:14:04 +00:00

smart word breaking

This commit is contained in:
Samuel Štancl 2021-04-07 21:02:12 +02:00
parent 127d3cee4e
commit 6ad1c6abdb
4 changed files with 15 additions and 3 deletions

2
public/css/app.css vendored

File diff suppressed because one or more lines are too long

View file

@ -1,4 +1,4 @@
{ {
"/js/app.js": "/js/app.js?id=67ee2aea12150f13c1ae", "/js/app.js": "/js/app.js?id=67ee2aea12150f13c1ae",
"/css/app.css": "/css/app.css?id=c60a02d22bf509a5d74d" "/css/app.css": "/css/app.css?id=2ada342a30a530a9dbfc"
} }

12
resources/css/app.css vendored
View file

@ -7,3 +7,15 @@
@apply relative; @apply relative;
} }
} }
.break-smart {
@apply break-all;
}
@screen sm {
.break-smart {
word-break: normal !important;
@apply break-words;
}
}

View file

@ -34,7 +34,7 @@
@endif @endif
@if ($tip->content) @if ($tip->content)
<div class="prose break-all sm:beak-words md:prose-xl"> <div class="prose break-smart md:prose-xl">
{!! Str::of($tip->content)->markdown() !!} {!! Str::of($tip->content)->markdown() !!}
</div> </div>
@endif @endif