> = (props) => {
- return ;
+export const TextInput: Component<
+ ComponentProps<'input'> & {
+ label?: string;
+ containerClass?: string;
+ }
+> = (props) => {
+ const [local, others] = splitProps(props, ['label', 'class', 'containerClass']);
+ return (
+
+
+
+
+
+
+ );
};
diff --git a/frontend/src/components/ToggleInput.tsx b/frontend/src/components/ToggleInput.tsx
new file mode 100644
index 0000000..a0ea6ed
--- /dev/null
+++ b/frontend/src/components/ToggleInput.tsx
@@ -0,0 +1,19 @@
+import { Component, ComponentProps, Show, splitProps } from 'solid-js';
+
+export const ToggleInput: Component<
+ ComponentProps<'input'> & {
+ label?: string;
+ }
+> = (props) => {
+ const [local, others] = splitProps(props, ['label', 'class']);
+ return (
+
+
+
+
+
+
+ );
+};
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 3ced8d1..dfa57f5 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -149,12 +149,3 @@ a:hover {
left: 16%;
transform: rotateZ(-50deg);
}
-
-.dark {
- color-scheme: dark;
-}
-
-.tmt-table td,
-.tmt-table th {
- padding: 0.5rem;
-}
diff --git a/frontend/src/locales/de.json b/frontend/src/locales/de.json
index d364051..0967ef4 100644
--- a/frontend/src/locales/de.json
+++ b/frontend/src/locales/de.json
@@ -1,3 +1 @@
-{
- "Create": "Erstellen"
-}
+{}
diff --git a/frontend/src/locales/en.json b/frontend/src/locales/en.json
index 4061438..0967ef4 100644
--- a/frontend/src/locales/en.json
+++ b/frontend/src/locales/en.json
@@ -1,3 +1 @@
-{
- "Create": "Create"
-}
+{}
diff --git a/frontend/src/pages/create.tsx b/frontend/src/pages/create.tsx
index 7032f82..559309b 100644
--- a/frontend/src/pages/create.tsx
+++ b/frontend/src/pages/create.tsx
@@ -12,6 +12,9 @@ import { TextArea } from '../components/TextArea';
import { TextInput } from '../components/TextInput';
import { createFetcher } from '../utils/fetcher';
import { t } from '../utils/locale';
+import { Card } from '../components/Card';
+import { SelectInput } from '../components/SelectInput';
+import { ToggleInput } from '../components/ToggleInput';
const DEFAULT_MAPS = [
'de_ancient',
@@ -128,87 +131,99 @@ export const CreatePage: Component = () => {
};
return (
-
-
{t('map pool')}
-