Update to the newest version of Omorphia

This commit is contained in:
Wuzado
2022-08-01 22:45:24 +02:00
parent 855604c9e0
commit eeb2dc7fd8
20 changed files with 9420 additions and 399 deletions

View File

@@ -3,9 +3,12 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="preload" href="/fonts/InterRegular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/fonts/InterBold.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/fonts/InterSemiBold.woff2" as="font" type="font/woff2" crossorigin>
%sveltekit.head%
</head>
<body style="background-color: hsl(220, 13%, 15%)">
<body class="base theme-dark" style="background-color: hsl(220, 13%, 15%)">
%sveltekit.body%
</body>
</html>

View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { FormField, Slider, TextInput, Button } from "omorphia"
import { Field, Slider, TextInput, Button } from "omorphia"
import TitledSection from "$components/TitledSection.svelte"
import WindowSettings from "$components/WindowSettings.svelte"
@@ -8,50 +8,50 @@
<div class="section">
<TitledSection title="Downloads">
<FormField label="Max concurrent downloads">
<Field label="Max concurrent downloads">
<Slider min=1 max=64 bind:value={maxConcurrentDownloads} />
</FormField>
</Field>
</TitledSection>
<TitledSection title="Override game resolution" toggleable=true>
<WindowSettings />
</TitledSection>
<TitledSection title="Profile hooks">
<FormField label="Pre-launch">
<Field label="Pre-launch">
<TextInput />
</FormField>
<FormField label="Wrapper">
</Field>
<Field label="Wrapper">
<TextInput />
</FormField>
<FormField label="Post-exit">
</Field>
<Field label="Post-exit">
<TextInput />
</FormField>
</Field>
</TitledSection>
<TitledSection title="Java">
<FormField label="Java 8 installation">
<Field label="Java 8 installation">
<TextInput placeholder="/Library/Java/JavaVirtualMachines/zulu-8.jdk/Contents/Home" />
<div class="button-group">
<Button>Auto-detect</Button>
<Button>Browse installations</Button>
<Button>Test</Button>
</div>
</FormField>
<FormField label="Java 17 installation">
</Field>
<Field label="Java 17 installation">
<TextInput placeholder="/Library/Java/JavaVirtualMachines/zulu-17.jdk/Contents/Home" />
<div class="button-group">
<Button>Auto-detect</Button>
<Button>Browse installations</Button>
<Button>Test</Button>
</div>
</FormField>
<FormField label="Minimum memory allocatted (in MB)">
</Field>
<Field label="Minimum memory allocatted (in MB)">
<TextInput />
</FormField>
<FormField label="Maximum memory allocatted (in MB)">
</Field>
<Field label="Maximum memory allocatted (in MB)">
<TextInput value="2048" />
</FormField>
<FormField label="Arguments">
</Field>
<Field label="Arguments">
<TextInput/>
</FormField>
</Field>
</TitledSection>
</div>

View File

@@ -1,14 +1,14 @@
<script lang="ts">
import { FormField, TextInput } from "omorphia"
import { Field, TextInput } from "omorphia"
</script>
<div class="section">
<FormField label="Window width">
<Field label="Window width">
<TextInput />
</FormField>
<FormField label="Window height">
</Field>
<Field label="Window height">
<TextInput />
</FormField>
</Field>
</div>
<style lang="postcss">

View File

@@ -7,6 +7,23 @@
import Page from "$layout/Page.svelte";
</script>
<script context="module" lang="ts">
import { init, waitLocale, t, getLocaleFromAcceptLanguageHeader } from 'svelte-intl-precompile'
import { registerAll, availableLocales } from '$locales'
registerAll()
export const load: import('@sveltejs/kit').Load = async ({ session }) => {
init({
fallbackLocale: 'en',
initialLocale: getLocaleFromAcceptLanguageHeader(session.acceptLanguage, availableLocales),
})
await waitLocale()
return {}
}
</script>
<div class="app base theme-dark">
<Sidebar />
<StatusBar />

View File

@@ -3,7 +3,6 @@
</script>
<script lang="ts">
import { Checkbox, FormField, TextInput, Button } from "omorphia"
import GlobalSettings from "$components/GlobalSettings.svelte"
import TitledSection from "$components/TitledSection.svelte"

View File

@@ -3,7 +3,6 @@
</script>
<script lang="ts">
import { Checkbox, FormField, TextInput, Button } from "omorphia"
import GlobalSettings from "$components/GlobalSettings.svelte"
</script>

View File

@@ -0,0 +1,3 @@
import { writable } from 'svelte/store'
export const token = writable('')