leviathonbeast/php-flasher
1
0
Fork 0
mirror of https://github.com/php-flasher/php-flasher.git synced 2026-03-31 15:07:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

Refine code block rendering and features

Browse Source
This commit is contained in:
Younes ENNAJI
2026-03-01 23:27:02 +00:00
parent 67b24f24bb
commit 04d1e42fa3
2 changed files with 36 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
demo/laravel/resources/views/layouts/app.blade.php
+18 -1
View File
@@ -13,6 +13,22 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/toolbar/prism-toolbar.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/toolbar/prism-toolbar.min.css">
{{-- Prism.js code block fixes --}}
<style>
.code-block pre {
margin: 0 !important;
border-radius: 0 !important;
background: #2d2d2d !important;
padding: 1rem !important;
overflow-x: auto;
}
.code-block code[class*="language-"] {
font-size: 0.875rem;
line-height: 1.6;
background: transparent !important;
}
</style>
{{-- Custom Tailwind components --}} {{-- Custom Tailwind components --}}
<style type="text/tailwindcss"> <style type="text/tailwindcss">
@layer components { @layer components {
@@ -53,7 +69,7 @@
@apply rounded-lg overflow-hidden shadow-lg my-4; @apply rounded-lg overflow-hidden shadow-lg my-4;
} }
.code-header { .code-header {
@apply bg-gray-800 text-gray-300 px-4 py-2 flex justify-between items-center text-sm; @apply bg-gray-800 text-gray-300 px-4 py-2 flex justify-between items-center text-sm font-mono;
} }
.section-title { .section-title {
@apply text-2xl font-bold text-gray-800 mb-2; @apply text-2xl font-bold text-gray-800 mb-2;
@@ -181,6 +197,7 @@
{{-- Scripts --}} {{-- Scripts --}}
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-markup-templating.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-php.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-php.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/toolbar/prism-toolbar.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/toolbar/prism-toolbar.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js"></script>
demo/symfony/templates/base.html.twig
+18 -1
View File
@@ -12,6 +12,22 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/toolbar/prism-toolbar.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/toolbar/prism-toolbar.min.css">
{# Prism.js code block fixes #}
<style>
.code-block pre {
margin: 0 !important;
border-radius: 0 !important;
background: #2d2d2d !important;
padding: 1rem !important;
overflow-x: auto;
}
.code-block code[class*="language-"] {
font-size: 0.875rem;
line-height: 1.6;
background: transparent !important;
}
</style>
{# Custom Tailwind components #} {# Custom Tailwind components #}
<style type="text/tailwindcss"> <style type="text/tailwindcss">
@layer components { @layer components {
@@ -52,7 +68,7 @@
@apply rounded-lg overflow-hidden shadow-lg my-4; @apply rounded-lg overflow-hidden shadow-lg my-4;
} }
.code-header { .code-header {
@apply bg-gray-800 text-gray-300 px-4 py-2 flex justify-between items-center text-sm; @apply bg-gray-800 text-gray-300 px-4 py-2 flex justify-between items-center text-sm font-mono;
} }
.section-title { .section-title {
@apply text-2xl font-bold text-gray-800 mb-2; @apply text-2xl font-bold text-gray-800 mb-2;
@@ -178,6 +194,7 @@
{# Scripts #} {# Scripts #}
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-markup-templating.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-php.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-php.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/toolbar/prism-toolbar.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/toolbar/prism-toolbar.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js"></script>