feat: Sidebar adjustments

This commit is contained in:
LynithDev 2024-05-12 12:31:49 +02:00
parent 4fef2e432b
commit 9105590e27
3 changed files with 10 additions and 3 deletions

View file

@ -41,7 +41,7 @@ function Sidebar(props: SidebarProps) {
{section => (
<div class="flex flex-col gap-y-2">
<div>
<h3 class="text-fg-secondary text-xs font-medium ml-1.5 m-1">{section.toUpperCase()}</h3>
<h3 class="text-fg-secondary text-xs font-medium m-1.5 mt-5">{section.toUpperCase()}</h3>
<div class="flex flex-col gap-y-1 fill-fg-primary text-fg-primary font-medium">
<For each={props.links[section]}>
{link => (

View file

@ -1,7 +1,7 @@
function ClusterMods() {
return (
<div>
<h1>This is the Mods page</h1>
<h1>Mods</h1>
</div>
);
}

View file

@ -1,6 +1,6 @@
import { useSearchParams } from '@solidjs/router';
import type { ParentProps } from 'solid-js';
import { EyeIcon, File06Icon, PackagePlusIcon } from '@untitled-theme/icons-solid';
import { EyeIcon, File06Icon, Globe04Icon, Image03Icon, PackagePlusIcon, Settings04Icon, Tool02Icon, User01Icon } from '@untitled-theme/icons-solid';
import Sidebar from '../../components/Sidebar';
import AnimatedRoutes from '../../components/AnimatedRoutes';
import ErrorBoundary from '../../components/ErrorBoundary';
@ -17,9 +17,16 @@ function ClusterRoot(props: ParentProps) {
links={{
Cluster: [
[<EyeIcon />, 'Overview', '/'],
// [<User01Icon />, 'Accounts', '/users'],
[<PackagePlusIcon />, 'Mods', '/mods'],
[<Image03Icon />, 'Screenshots', '/screenshots'],
[<Globe04Icon />, 'Worlds', '/worlds'],
[<File06Icon />, 'Logs', '/logs'],
],
Settings: [
[<Tool02Icon />, 'Java', '/java'],
[<Settings04Icon />, 'Miscellaneous', '/misc'],
],
}}
/>
</div>