Instance pages

src-tauri/tauri.conf.json

@@ -13,7 +13,9 @@
 				"title": "polyfrost-launcher",
 				"width": 1280,
 				"height": 800,
-				"resizable": false,
+				"minWidth": 1080,
+				"minHeight": 600,
+				"resizable": true,
 				"center": true,
 				"decorations": false,
 				"shadow": true

src/ui/pages/Home.tsx

@@ -152,7 +152,7 @@ function InstanceGroup(props: InstanceGroupProps) {
 				collisionDetector={closestCenter}
 			>
 				<DragDropSensors />
-				<div class="grid grid-cols-4 gap-4">
+				<div class="grid grid-cols-4 2xl:grid-cols-6 gap-4">
 					<SortableProvider ids={ids()}>
 						<For each={instances()}>{item => <InstanceCard {...item} />}</For>
 					</SortableProvider>

src/ui/pages/instances/InstanceMods.tsx

@@ -0,0 +1,9 @@
+function InstanceMods() {
+	return (
+		<div>
+			<h1>Mods Config</h1>
+		</div>
+	);
+}
+
+export default InstanceMods;

src/ui/pages/instances/InstanceOverview.tsx

@@ -0,0 +1,21 @@
+import { Route } from '@solidjs/router';
+import InstanceMods from './InstanceMods';
+
+function InstanceOverview() {
+	return (
+		<div>
+			<h1>Hello World</h1>
+		</div>
+	);
+}
+
+InstanceOverview.prototype.getRoutes = function () {
+	return (
+		<>
+			<Route path="/" component={InstanceOverview} />
+			<Route path="/mods" component={InstanceMods} />
+		</>
+	);
+};
+
+export default InstanceOverview;

src/ui/pages/instances/index.tsx

@@ -0,0 +1,11 @@
+import { A } from '@solidjs/router';
+
+function InstancePage() {
+	return (
+		<div>
+			<A href="/">Overview</A>
+		</div>
+	);
+}
+
+export default InstancePage;