theis.gaedigk/bikelane
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed design and icons for the whole website

Browse Source
This commit is contained in:
theis.gaedigk
2025-07-22 21:01:44 +02:00
parent e019eb75be
commit eb28eed69b
7 changed files with 111 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
client/src/App.tsx
View File

@@ -7,28 +7,42 @@ function App() {
return (
<Layout>
<table className="table-auto" style={{ tableLayout: "auto" }}>
<thead>
<table className="min-w-full divide-y divide-gray-200 shadow rounded-lg overflow-hidden">
<thead className="bg-gray-50">
<tr>
<th>#</th>
<th>Username</th>
<th>First name</th>
<th>Last name</th>
<th>Email</th>
<th>Password</th>
<th>Created</th>
<th className="px-4 py-2 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
#
</th>
<th className="px-4 py-2 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
Username
</th>
<th className="px-4 py-2 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
First name
</th>
<th className="px-4 py-2 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
Last name
</th>
<th className="px-4 py-2 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
Email
</th>
<th className="px-4 py-2 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
Password
</th>
<th className="px-4 py-2 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
Created
</th>
</tr>
</thead>
<tbody>
<tbody className="bg-white divide-y divide-gray-100">
{users.map((user: any, idx: number) => (
<tr key={user.id}>
<td>{idx + 1}</td>
<td>{user.username}</td>
<td>{user.first_name}</td>
<td>{user.last_name}</td>
<td>{user.email}</td>
<td>{user.password}</td>
<td>{user.created}</td>
<tr key={user.id} className="hover:bg-blue-50 transition">
<td className="px-4 py-2 whitespace-nowrap">{idx + 1}</td>
<td className="px-4 py-2 whitespace-nowrap">{user.username}</td>
<td className="px-4 py-2 whitespace-nowrap">{user.first_name}</td>
<td className="px-4 py-2 whitespace-nowrap">{user.last_name}</td>
<td className="px-4 py-2 whitespace-nowrap">{user.email}</td>
<td className="px-4 py-2 whitespace-nowrap">{user.password}</td>
<td className="px-4 py-2 whitespace-nowrap">{user.created}</td>
</tr>
))}
</tbody>