Fixes component breaking out of container

luke-parallax · luke-parallax · commit 113b0fa7aef3 · 2024-02-02T10:23:18.000Z
diff --git a/resources/css/index.css b/resources/css/index.css
@@ -74,11 +74,15 @@
 @import './themes/xcode.css';
 @import './themes/xt256.css';
 
+.filament-syntax-entry-component .grid {
+    @apply block;
+}
+
 .filament-syntax-entry {
     @apply font-mono rounded-xl overflow-hidden shadow-sm ring-1;
 
     .hljs {
-        @apply block p-6 overflow-x-auto whitespace-pre-wrap;
+        @apply block p-6 overflow-x-scroll;
     }
 }
 
diff --git a/resources/views/syntax-entry.blade.php b/resources/views/syntax-entry.blade.php
@@ -1,4 +1,4 @@
-<x-dynamic-component :component="$getEntryWrapperView()" :entry="$entry" wire:ignore>
+<x-dynamic-component class="filament-syntax-entry-component" :component="$getEntryWrapperView()" :entry="$entry" wire:ignore>
     <div 
         class="filament-syntax-entry"
         x-load-js="[@js(\Filament\Support\Facades\FilamentAsset::getScriptSrc(

Original file line number	Diff line number	Diff line change
`@@ -74,11 +74,15 @@`
`74`	`74`	`@import './themes/xcode.css';`
`75`	`75`	`@import './themes/xt256.css';`
`76`	`76`
	`77`	`+.filament-syntax-entry-component .grid {`
	`78`	`+ @apply block;`
	`79`	`+}`
	`80`	`+`
`77`	`81`	`.filament-syntax-entry {`
`78`	`82`	`@apply font-mono rounded-xl overflow-hidden shadow-sm ring-1;`
`79`	`83`
`80`	`84`	`.hljs {`
`81`		`- @apply block p-6 overflow-x-auto whitespace-pre-wrap;`
	`85`	`+ @apply block p-6 overflow-x-scroll;`
`82`	`86`	`}`
`83`	`87`	`}`
`84`	`88`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<x-dynamic-component :component="$getEntryWrapperView()" :entry="$entry" wire:ignore>`
	`1`	`+<x-dynamic-component class="filament-syntax-entry-component" :component="$getEntryWrapperView()" :entry="$entry" wire:ignore>`
`2`	`2`	`<div`
`3`	`3`	`class="filament-syntax-entry"`
`4`	`4`	`x-load-js="[@js(\Filament\Support\Facades\FilamentAsset::getScriptSrc(`