tomasalias/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Update omorphia, start a global settings page

Browse Source
This commit is contained in:
Prospector
2022-04-16 17:23:32 -07:00
parent 8935d0e56c
commit 179dcdcd04
7 changed files with 154 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
theseus_gui/src/routes/library/instance/[id]/settings.svelte
View File

@@ -3,53 +3,18 @@
</script>
<script lang="ts">
import { FormField, TextInput, Button } from "omorphia"
import { Checkbox, FormField, TextInput, Button } from "omorphia"
import GlobalSettings from "$components/GlobalSettings.svelte"
import TitledSection from "$components/TitledSection.svelte"
export let overrideGlobalSettings = false
</script>
<div class="section">
<div class="section__title">Java</div>
<div class="section__items">
<FormField label="Installation">
<TextInput placeholder="/Library/Java/JavaVirtualMachines/zulu-17.jdk/Contents/Home" />
</FormField>
<div class="button-group">
<Button>Auto-detect</Button>
<Button>Browse installations</Button>
<Button>Test</Button>
</div>
<FormField label="Arguments">
<TextInput/>
</FormField>
</div>
<TitledSection title="Override global settings" toggleable=true>
<GlobalSettings />
</TitledSection>
</div>
<style lang="postcss">
.section {
display: flex;
flex-direction: column;
padding: 1rem;
grid-gap: 1rem;
&__title {
display: flex;
grid-gap: 1rem;
align-items: center;
&::after {
flex: 1 1;
content: " ";
background-color: hsla(0, 0%, 100%, 0.2);
height: 0.2rem;
border-radius: var(--rounded-max);
}
}
&__items {
display: flex;
flex-direction: column;
grid-gap: 1rem;
padding: 0 8px;
}
}
</style>

15
theseus_gui/src/routes/settings.svelte Normal file
View File

@@ -0,0 +1,15 @@
<script context="module" lang="ts">
</script>
<script lang="ts">
import { Checkbox, FormField, TextInput, Button } from "omorphia"
import GlobalSettings from "$components/GlobalSettings.svelte"
</script>
<div class="section">
<GlobalSettings />
</div>
<style lang="postcss">
</style>