Improves dashboard UI and user management

Enhances the dashboard's visual presentation and user management
functionality.

- Addresses a layout issue by adding overflow hidden to the word cloud container.
- Improves user management form responsiveness on smaller screens.
- Enhances language name display in the pie chart using a dedicated function and ensures correct ISO code display.
- Refines donut chart's center text styling for better readability.
- Fixes geographic map's height and removes attribution for a cleaner look.
This commit is contained in:
2025-05-22 05:05:04 +02:00
parent 00f2f5c59b
commit ac7cafd7b2
7 changed files with 43 additions and 49 deletions

View File

@ -384,7 +384,7 @@ function DashboardContent() {
</div>
{/* Word Cloud and World Map */}
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
<div className="bg-white p-6 rounded-xl shadow">
<div className="bg-white p-6 rounded-xl shadow overflow-hidden">
<h3 className="font-bold text-lg text-gray-800 mb-4">
Categories Word Cloud
</h3>

View File

@ -39,15 +39,15 @@ export default function UserManagement({ session }: UserManagementProps) {
return (
<div className="bg-white p-6 rounded-xl shadow mb-6">
<h2 className="font-bold text-lg mb-4">User Management</h2>
<div className="flex gap-2 mb-3">
<div className="flex flex-col sm:flex-row gap-2 mb-3">
<input
className="border px-3 py-2 rounded"
className="border px-3 py-2 rounded w-full sm:w-auto"
placeholder="Email"
value={email}
onChange={(e) => setEmail(e.target.value)}
/>
<select
className="border px-3 py-2 rounded"
className="border px-3 py-2 rounded w-full sm:w-auto"
value={role}
onChange={(e) => setRole(e.target.value)}
>
@ -56,7 +56,7 @@ export default function UserManagement({ session }: UserManagementProps) {
<option value="auditor">Auditor</option>
</select>
<button
className="bg-blue-600 text-white rounded px-4"
className="bg-blue-600 text-white rounded px-4 py-2 sm:py-0 w-full sm:w-auto"
onClick={inviteUser}
>
Invite