3b691596cc
🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
34 lines
1.2 KiB
PHP
34 lines
1.2 KiB
PHP
<?php
|
|
/**
|
|
* Global Metadata and Shared Styles
|
|
* This file centralizes Tailwind CSS, Lucide Icons, React, and Babel scripts.
|
|
*/
|
|
?>
|
|
<!-- Core Libraries -->
|
|
<script src="https://cdn.tailwindcss.com?v=3.4.1"></script>
|
|
<script src="https://unpkg.com/lucide@latest"></script>
|
|
<script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
|
|
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
|
|
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
|
|
|
|
<script>
|
|
// Ensure Lucide icons are initialized after page load
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
if (window.lucide) {
|
|
window.lucide.createIcons();
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<style type="text/tailwindcss">
|
|
@layer components {
|
|
/* Global Modal Close Button Style */
|
|
.btn-close-modal {
|
|
@apply w-10 h-10 flex items-center justify-center rounded-full bg-white shadow-lg border-2 border-slate-900 transition-all duration-200 hover:bg-red-50 hover:border-red-500 cursor-pointer pointer-events-auto;
|
|
}
|
|
.btn-close-modal span {
|
|
@apply text-xl font-bold text-black group-hover:text-red-600 select-none;
|
|
}
|
|
}
|
|
</style>
|