refactor: StyledInput refactor -> Input components (#6733)

* feat: align style

* feat: new input components

* refactor: migrate to new input components

* refactor: rename component

* prepr

* chore: group inputs like buttons

* fix: lint

* feat: docs

* fix: lint

* fix: bugs

* prepr

* fix slug + adjust create server project

---------

Co-authored-by: Prospector <6166773+Prospector@users.noreply.github.com>
This commit is contained in:
Calum H.
2026-08-25 06:15:38 +00:00
committed by GitHub
co-authored by Prospector
parent 80607c1963
commit c67f980c4a
166 changed files with 1804 additions and 1261 deletions
@@ -2,8 +2,8 @@
import {
defineMessages,
injectNotificationManager,
Input,
Slider,
StyledInput,
Toggle,
useVIntl,
} from '@modrinth/ui'
@@ -204,7 +204,7 @@ watch(
</p>
</div>
<StyledInput
<Input
id="width"
v-model="settings.game_resolution[0]"
:disabled="settings.force_fullscreen"
@@ -224,7 +224,7 @@ watch(
</p>
</div>
<StyledInput
<Input
id="height"
v-model="settings.game_resolution[1]"
:disabled="settings.force_fullscreen"
@@ -261,7 +261,7 @@ watch(
<h2 class="m-0 text-lg font-semibold text-contrast">
{{ formatMessage(messages.javaArgumentsTitle) }}
</h2>
<StyledInput
<Input
id="java-args"
v-model="settings.launchArgs"
autocomplete="off"
@@ -278,7 +278,7 @@ watch(
<h2 class="m-0 text-lg font-semibold text-contrast">
{{ formatMessage(messages.environmentVariablesTitle) }}
</h2>
<StyledInput
<Input
id="env-vars"
v-model="settings.envVars"
autocomplete="off"
@@ -299,7 +299,7 @@ watch(
<h3 class="m-0 text-lg font-semibold text-contrast">
{{ formatMessage(messages.preLaunchHookTitle) }}
</h3>
<StyledInput
<Input
id="pre-launch"
v-model="settings.hooks.pre_launch"
autocomplete="off"
@@ -316,7 +316,7 @@ watch(
<h3 class="m-0 text-lg font-semibold text-contrast">
{{ formatMessage(messages.wrapperHookTitle) }}
</h3>
<StyledInput
<Input
id="wrapper"
v-model="settings.hooks.wrapper"
autocomplete="off"
@@ -333,7 +333,7 @@ watch(
<h3 class="m-0 text-lg font-semibold text-contrast">
{{ formatMessage(messages.postExitHookTitle) }}
</h3>
<StyledInput
<Input
id="post-exit"
v-model="settings.hooks.post_exit"
autocomplete="off"
@@ -5,8 +5,8 @@ import {
defineMessages,
IconButton,
injectNotificationManager,
Input,
Slider,
StyledInput,
Toggle,
useVIntl,
} from '@modrinth/ui'
@@ -176,7 +176,7 @@ async function findLauncherDir() {
<h2 class="m-0 text-lg font-semibold text-contrast">
{{ formatMessage(messages.appDirectoryTitle) }}
</h2>
<StyledInput
<Input
id="appDir"
v-model="settings.custom_dir"
:icon="BoxIcon"
@@ -193,7 +193,7 @@ async function findLauncherDir() {
<FolderSearchIcon aria-hidden="true" />
</IconButton>
</template>
</StyledInput>
</Input>
<p class="m-0 leading-tight text-secondary">
{{ formatMessage(messages.appDirectoryDescription) }}
</p>