mirror of
https://github.com/D4M13N-D3V/neroshitron.git
synced 2025-10-31 01:25:35 +00:00
fix: nav
This commit is contained in:
parent
73836c5893
commit
76a09c8e8c
@ -7,6 +7,29 @@ function PageComponent() {
|
|||||||
|
|
||||||
const getData = async () => {
|
const getData = async () => {
|
||||||
}
|
}
|
||||||
|
const fakeData = [
|
||||||
|
{ email: 'example1@example.com', ip: '192.168.0.1' },
|
||||||
|
{ email: 'example2@example.com', ip: '192.168.0.2' },
|
||||||
|
{ email: 'example3@example.com', ip: '192.168.0.3' },
|
||||||
|
{ email: 'example1@example.com', ip: '192.168.0.1' },
|
||||||
|
{ email: 'example2@example.com', ip: '192.168.0.2' },
|
||||||
|
{ email: 'example3@example.com', ip: '192.168.0.3' },
|
||||||
|
{ email: 'example1@example.com', ip: '192.168.0.1' },
|
||||||
|
{ email: 'example2@example.com', ip: '192.168.0.2' },
|
||||||
|
{ email: 'example3@example.com', ip: '192.168.0.3' },
|
||||||
|
{ email: 'example1@example.com', ip: '192.168.0.1' },
|
||||||
|
{ email: 'example2@example.com', ip: '192.168.0.2' },
|
||||||
|
{ email: 'example3@example.com', ip: '192.168.0.3' },
|
||||||
|
{ email: 'example1@example.com', ip: '192.168.0.1' },
|
||||||
|
{ email: 'example2@example.com', ip: '192.168.0.2' },
|
||||||
|
{ email: 'example3@example.com', ip: '192.168.0.3' },
|
||||||
|
{ email: 'example1@example.com', ip: '192.168.0.1' },
|
||||||
|
{ email: 'example2@example.com', ip: '192.168.0.2' },
|
||||||
|
{ email: 'example3@example.com', ip: '192.168.0.3' },
|
||||||
|
{ email: 'example1@example.com', ip: '192.168.0.1' },
|
||||||
|
{ email: 'example2@example.com', ip: '192.168.0.2' },
|
||||||
|
{ email: 'example3@example.com', ip: '192.168.0.3' },
|
||||||
|
];
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
getData();
|
getData();
|
||||||
@ -15,10 +38,35 @@ function PageComponent() {
|
|||||||
|
|
||||||
<div className="w-full text-white flex justify-center items-center animate-in">
|
<div className="w-full text-white flex justify-center items-center animate-in">
|
||||||
<div className="w-2/3 rounded-md bg-primary p-12 mt-32">
|
<div className="w-2/3 rounded-md bg-primary p-12 mt-32">
|
||||||
Test
|
<div className="w-1/2 rounded-md bg-primary-dark p-12">
|
||||||
|
<input type="text" className="mb-4 mr-2 rounded-md bg-primary p-2 w-full text-white" placeholder="Search all users by email" />
|
||||||
|
<div className="w-full h-96 overflow-y-scroll no-scrollbar">
|
||||||
|
<table className="w-full">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th className="px-4 py-2"></th>
|
||||||
|
<th className="px-4 py-2"></th>
|
||||||
|
<th className="px-4 py-2"></th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody className="h-44">
|
||||||
|
{fakeData.map((data, index) => (
|
||||||
|
<tr key={index}>
|
||||||
|
<td className="px-4 py-2">{data.email}</td>
|
||||||
|
<td className="px-4 py-2">{data.ip}</td>
|
||||||
|
<td className="px-4 py-2"><button className="p-2 rounded w-full hover:bg-primary-light bg-primary">View</button></td>
|
||||||
|
</tr>
|
||||||
|
))}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
export default PageComponent;
|
export default PageComponent;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -68,7 +68,10 @@ function PageComponent() {
|
|||||||
<td className="px-4 py-2">{item.name}</td>
|
<td className="px-4 py-2">{item.name}</td>
|
||||||
<td className="px-4 py-2">
|
<td className="px-4 py-2">
|
||||||
<button className="bg-error hover:bg-error-light text-white font-bold py-2 px-4 rounded float-right">
|
<button className="bg-error hover:bg-error-light text-white font-bold py-2 px-4 rounded float-right">
|
||||||
Delete
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="size-6">
|
||||||
|
<path strokeLinecap="round" strokeLinejoin="round" d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" />
|
||||||
|
</svg>
|
||||||
|
|
||||||
</button>
|
</button>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@ -105,7 +108,10 @@ function PageComponent() {
|
|||||||
<td className="px-4 py-2">{item.tier.replace("Tier","")}</td>
|
<td className="px-4 py-2">{item.tier.replace("Tier","")}</td>
|
||||||
<td className="px-4 py-2">
|
<td className="px-4 py-2">
|
||||||
<a href="/gallery/admin/view" className="bg-secondary hover:bg-secondary-light text-white font-bold py-2 px-4 rounded float-right">
|
<a href="/gallery/admin/view" className="bg-secondary hover:bg-secondary-light text-white font-bold py-2 px-4 rounded float-right">
|
||||||
View
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="size-6">
|
||||||
|
<path strokeLinecap="round" strokeLinejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m5.231 13.481L15 17.25m-4.5-15H5.625c-.621 0-1.125.504-1.125 1.125v16.5c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Zm3.75 11.625a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" />
|
||||||
|
</svg>
|
||||||
|
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|||||||
@ -14,7 +14,7 @@ function PageComponent() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="w-full text-white flex justify-center items-center animate-in">
|
<div className="w-full text-white flex justify-center items-center animate-in">
|
||||||
<div className="w-1/2 rounded-md bg-primary p-12 mt-32">
|
<div className="w-full lg:w-1/2 rounded-md bg-primary p-12 mt-32">
|
||||||
<div className="w-full flex pb-48">
|
<div className="w-full flex pb-48">
|
||||||
<GalleryThumbnail id={"Test Gallery"} columns={3} onSelect={function (id: string, columns: number): void {
|
<GalleryThumbnail id={"Test Gallery"} columns={3} onSelect={function (id: string, columns: number): void {
|
||||||
} } title={""} subscription={""} tags={[]} showNsfw={false} nsfw={false} ></GalleryThumbnail>
|
} } title={""} subscription={""} tags={[]} showNsfw={false} nsfw={false} ></GalleryThumbnail>
|
||||||
@ -37,7 +37,7 @@ function PageComponent() {
|
|||||||
</div>
|
</div>
|
||||||
<div className="w-1/4">
|
<div className="w-1/4">
|
||||||
<button className="w-full bg-success hover:bg-success-light text-white rounded-md p-2 ml-4">
|
<button className="w-full bg-success hover:bg-success-light text-white rounded-md p-2 ml-4">
|
||||||
Save Gallery
|
Save
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -39,7 +39,7 @@ console.log(currentPage)
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex justify-center items-center pt-2 ">
|
<div className="flex justify-center items-center pt-2 ">
|
||||||
<nav className="w-auto bg-info bg-opacity-80 flex justify-center z-10 h-16 animate-in rounded-md" style={{ backdropFilter: 'blur(10px)' }}>
|
<nav className="w-auto bg-primary-dark bg-opacity-40 flex justify-center z-10 h-16 animate-in rounded-md" style={{ backdropFilter: 'blur(10px)' }}>
|
||||||
<div className="w-auto flex justify-between items-center p-3 text-sm">
|
<div className="w-auto flex justify-between items-center p-3 text-sm">
|
||||||
<div className="flex items-center gap-2 z-10">
|
<div className="flex items-center gap-2 z-10">
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user