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:
parent
127d3cee4e
commit
6ad1c6abdb
4 changed files with 15 additions and 3 deletions
2
public/css/app.css
vendored
2
public/css/app.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -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
12
resources/css/app.css
vendored
|
|
@ -7,3 +7,15 @@
|
||||||
@apply relative;
|
@apply relative;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.break-smart {
|
||||||
|
@apply break-all;
|
||||||
|
}
|
||||||
|
|
||||||
|
@screen sm {
|
||||||
|
.break-smart {
|
||||||
|
word-break: normal !important;
|
||||||
|
|
||||||
|
@apply break-words;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue