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

Wip

Browse Source
This commit is contained in:
Younes ENNAJI
2025-03-10 03:26:41 +00:00
parent 9849c63d99
commit b48d52d3bc
4 changed files with 32 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/_data/manifest.json
+1 -1
View File
@@ -1,5 +1,5 @@
{
"dist/main.css": "/dist/main.5bbdf779.css",
"dist/main.css": "/dist/main.fe348bd6.css",
"dist/main.js": "/dist/main.855339d4.js",
"dist/455.3a7b4474.css": "/dist/455.3a7b4474.css",
"dist/455.17bc016b.js": "/dist/455.17bc016b.js",
docs/dist/entrypoints.json
Vendored
+1 -1
View File
@@ -2,7 +2,7 @@
"entrypoints": {
"main": {
"css": [
"/dist/main.5bbdf779.css"
"/dist/main.fe348bd6.css"
],
"js": [
"/dist/main.855339d4.js"
docs/dist/main.5bbdf779.css → docs/dist/main.fe348bd6.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
docs/pages/themes/flasher.md
+29 -61
View File
@@ -85,38 +85,6 @@ description: The default notification theme for PHPFlasher with a clean design,
</div>
</div>
<!-- Code Examples Section -->
<h2 class="text-2xl font-semibold text-slate-800 mb-4">Quick Implementation</h2>
<div class="space-y-3 mb-8">
<div class="rounded-lg shadow-sm border border-slate-200 p-3 bg-white">
<div class="flex items-center">
<span class="w-7 h-7 bg-purple-100 rounded-full flex items-center justify-center mr-2 flex-shrink-0">
<i class="fa-brands fa-php text-purple-600"></i>
</span>
<pre class="overflow-auto language-php flex-1"><code>flash()->success('Your changes have been saved!');</code></pre>
</div>
</div>
<div class="rounded-lg shadow-sm border border-slate-200 p-3 bg-white">
<div class="flex items-center">
<span class="w-7 h-7 bg-amber-100 rounded-full flex items-center justify-center mr-2 flex-shrink-0">
<i class="fa-brands fa-js text-amber-600"></i>
</span>
<pre class="overflow-auto language-javascript flex-1"><code>flasher.success('Your changes have been saved!');</code></pre>
</div>
</div>
<div class="rounded-lg shadow-sm border border-slate-200 p-3 bg-white">
<div class="flex items-center">
<span class="w-7 h-7 bg-blue-100 rounded-full flex items-center justify-center mr-2 flex-shrink-0">
<i class="fa-solid fa-code text-blue-600"></i>
</span>
<pre class="overflow-auto language-php flex-1"><code>flash()->success('Operation completed!', 'Success Title');</code></pre>
</div>
</div>
</div>
<!-- Configuration Tabs -->
<h2 class="text-2xl font-semibold text-slate-800 mb-4">Configuration</h2>
@@ -141,6 +109,15 @@ return [
</div>
</div>
<!-- Theme Selection -->
<div class="mb-6">
<h3 class="text-lg font-medium text-slate-800 mb-3">Theme Selection</h3>
<div class="bg-white rounded-lg shadow-sm border border-slate-200 p-3">
<pre class="language-php text-sm"><code>// Use this theme for a specific notification
flash()->use('flasher')->success('This uses Flasher theme');</code></pre>
</div>
</div>
<!-- Features Section -->
<h2 class="text-2xl font-semibold text-slate-800 mb-6">Key Features</h2>
@@ -199,15 +176,6 @@ return [
<!-- Customization Section -->
<h2 class="text-2xl font-semibold text-slate-800 mb-4">Customize the Theme</h2>
<!-- Theme Selection -->
<div class="mb-6">
<h3 class="text-lg font-medium text-slate-800 mb-3">Theme Selection</h3>
<div class="bg-white rounded-lg shadow-sm border border-slate-200 p-3">
<pre class="language-php text-sm"><code>// Use this theme for a specific notification
flash()->use('flasher')->success('This uses Flasher theme');</code></pre>
</div>
</div>
<!-- Color Customization -->
<div class="mb-6">
<h3 class="text-lg font-medium text-slate-800 mb-3">Color Customization</h3>
@@ -221,6 +189,26 @@ flash()->use('flasher')->success('This uses Flasher theme');</code></pre>
</div>
</div>
<!-- HTML Structure -->
<div class="mb-6">
<h3 class="text-lg font-medium text-slate-800 mb-3">HTML Structure</h3>
<div class="bg-white rounded-lg shadow-sm border border-slate-200 p-3">
<pre class="language-html text-xs"><code>&lt;div class="fl-flasher fl-[type]" role="[role]" aria-live="[ariaLive]" aria-atomic="true">
&lt;div class="fl-content">
&lt;div class="fl-icon">&lt;/div>
&lt;div>
&lt;strong class="fl-title">Title text&lt;/strong>
&lt;span class="fl-message">Message text&lt;/span>
&lt;/div>
&lt;button class="fl-close" aria-label="Close [type] message">&times;&lt;/button>
&lt;/div>
&lt;span class="fl-progress-bar">
&lt;span class="fl-progress">&lt;/span>
&lt;/span>
&lt;/div></code></pre>
</div>
</div>
<!-- Technical Details -->
<div class="mb-6">
<h3 class="text-lg font-medium text-slate-800 mb-3">Technical Details</h3>
@@ -256,26 +244,6 @@ flash()->use('flasher')->success('This uses Flasher theme');</code></pre>
</div>
</div>
<!-- HTML Structure -->
<div class="mb-6">
<h3 class="text-lg font-medium text-slate-800 mb-3">HTML Structure</h3>
<div class="bg-white rounded-lg shadow-sm border border-slate-200 p-3">
<pre class="language-html text-xs"><code>&lt;div class="fl-flasher fl-[type]" role="[role]" aria-live="[ariaLive]" aria-atomic="true">
&lt;div class="fl-content">
&lt;div class="fl-icon">&lt;/div>
&lt;div>
&lt;strong class="fl-title">Title text&lt;/strong>
&lt;span class="fl-message">Message text&lt;/span>
&lt;/div>
&lt;button class="fl-close" aria-label="Close [type] message">&times;&lt;/button>
&lt;/div>
&lt;span class="fl-progress-bar">
&lt;span class="fl-progress">&lt;/span>
&lt;/span>
&lt;/div></code></pre>
</div>
</div>
<!-- Help Section -->
<div class="border border-slate-200 rounded-lg p-4 flex items-center bg-white mb-8">
<div class="mr-4 flex-shrink-0">