OwlCyberSecurity - MANAGER

Edit File: CustomDashboard.jsx

// ./admin/components/CustomDashboard.jsx import React, { useEffect } from 'react' const CustomDashboard = () => { useEffect(() => { const style = document.createElement('style') style.innerHTML = ` @media (max-width: 768px) { table td, table th { white-space: nowrap !important; color: #000 !important; } .adminjs_ResourceTable { overflow-x: auto !important; } .adminjs_ResourceTable table { display: block; width: 100%; } .adminjs_ResourceTable table tbody tr td { max-width: 150px; overflow: hidden; text-overflow: ellipsis; } } ` document.head.appendChild(style) }, []) return ( <div style={{ padding: 20 }}> <h2>Welcome to Admin Panel</h2> </div> ) } export default CustomDashboard