Fix lint (again)

This commit is contained in:
Jai A
2023-03-30 15:56:19 -07:00
parent c66382d2a4
commit 446f6eba68
13 changed files with 290 additions and 307 deletions

View File

@@ -1,172 +1,132 @@
<template>
<Card class="settings-card">
<h2 class="settings-title"> Java </h2>
<h2 class="settings-title">Java</h2>
<div class="settings-group">
<h3>Installation</h3>
<input
type="text"
class="input installation-input"
placeholder="/Library/Java/JavaVirtualMachines/zulu-17.jdk/Contents/Home"
ref="javaPath"
v-model="javaPath"
ref="javaPath"
v-model="javaPath"
type="text"
class="input installation-input"
placeholder="/Library/Java/JavaVirtualMachines/zulu-17.jdk/Contents/Home"
/>
<span class="installation-buttons">
<Button @click="saveJavaPath">
<SearchIcon/>
Auto Detect
</Button>
<Button @click="saveJavaPath">
<BrowseIcon/>
Browse
</Button>
<Button @click="saveJavaPath">
<PlayIcon/>
Test
</Button>
</span>
<Button @click="saveJavaPath">
<SearchIcon />
Auto Detect
</Button>
<Button @click="saveJavaPath">
<BrowseIcon />
Browse
</Button>
<Button @click="saveJavaPath">
<PlayIcon />
Test
</Button>
</span>
</div>
<hr class="card-divider">
<hr class="card-divider" />
<div class="settings-group">
<h3>Arguments</h3>
<input
type="text"
class="input installation-input"
ref="javaArgs"
v-model="javaArgs"
/>
<input ref="javaArgs" v-model="javaArgs" type="text" class="input installation-input" />
</div>
<hr class="card-divider">
<hr class="card-divider" />
<div class="settings-group">
<div class="sliders">
<span class="slider">
Minimum Memory
<Slider
v-model="javaMemory"
:min="1024"
:max="8192"
:step="1024"
/>
</span>
<span class="slider">
Maximum Memory
<Slider
v-model="javaMemory"
:min="1024"
:max="8192"
:step="1024"
/>
</span>
Minimum Memory
<Slider v-model="javaMemory" :min="1024" :max="8192" :step="1024" />
</span>
<span class="slider">
Maximum Memory
<Slider v-model="javaMemory" :min="1024" :max="8192" :step="1024" />
</span>
</div>
</div>
</Card>
<Card class="settings-card">
<h2 class="settings-title"> Window </h2>
<h2 class="settings-title">Window</h2>
<div class="settings-group">
<div class="settings-group">
<div class="sliders">
<span class="slider">
Width
<Slider
v-model="javaMemory"
:min="1024"
:max="8192"
:step="1024"
/>
<Slider v-model="javaMemory" :min="1024" :max="8192" :step="1024" />
</span>
<span class="slider">
Height
<Slider
v-model="javaMemory"
:min="1024"
:max="8192"
:step="1024"
/>
<Slider v-model="javaMemory" :min="1024" :max="8192" :step="1024" />
</span>
</div>
<div class="toggle-setting">
Start in Fullscreen
<input
type="checkbox"
id="fullscreen"
name="fullscreen"
v-model="fullscreen"
class="switch stylized-toggle"
id="fullscreen"
v-model="fullscreen"
type="checkbox"
name="fullscreen"
class="switch stylized-toggle"
/>
</div>
</div>
<hr class="card-divider">
<hr class="card-divider" />
<div class="settings-group">
<h3>Console</h3>
<div class="toggle-setting">
Show console while game is running
<input
type="checkbox"
id="fullscreen"
name="fullscreen"
v-model="fullscreen"
class="switch stylized-toggle"
id="fullscreen"
v-model="fullscreen"
type="checkbox"
name="fullscreen"
class="switch stylized-toggle"
/>
</div>
<div class="toggle-setting">
Close console when game quits
<input
type="checkbox"
id="fullscreen"
name="fullscreen"
v-model="fullscreen"
class="switch stylized-toggle"
id="fullscreen"
v-model="fullscreen"
type="checkbox"
name="fullscreen"
class="switch stylized-toggle"
/>
</div>
<div class="toggle-setting">
Show console when game crashes
<input
type="checkbox"
id="fullscreen"
name="fullscreen"
v-model="fullscreen"
class="switch stylized-toggle"
id="fullscreen"
v-model="fullscreen"
type="checkbox"
name="fullscreen"
class="switch stylized-toggle"
/>
</div>
</div>
</div>
</Card>
<Card class="settings-card">
<h2 class="settings-title"> Commands </h2>
<h2 class="settings-title">Commands</h2>
<div class="settings-group">
<div class="toggle-setting">
Pre Launch
<input
type="text"
class="input"
ref="javaArgs"
v-model="javaArgs"
/>
<input ref="javaArgs" v-model="javaArgs" type="text" class="input" />
</div>
<div class="toggle-setting">
Wrapper
<input
type="text"
class="input"
ref="javaArgs"
v-model="javaArgs"
/>
<input ref="javaArgs" v-model="javaArgs" type="text" class="input" />
</div>
<div class="toggle-setting">
Post Launch
<input
type="text"
class="input"
ref="javaArgs"
v-model="javaArgs"
/>
<input ref="javaArgs" v-model="javaArgs" type="text" class="input" />
</div>
</div>
</Card>
</template>
<script setup>
import {Card, Button, SearchIcon, Slider } from 'omorphia'
import {BrowseIcon, PlayIcon} from "@/assets/icons";
import { Card, Button, SearchIcon, Slider } from 'omorphia'
import { BrowseIcon, PlayIcon } from '@/assets/icons'
</script>
<style scoped lang="scss">
@@ -177,7 +137,7 @@ import {BrowseIcon, PlayIcon} from "@/assets/icons";
}
.settings-title {
color: var(--color-contrast)
color: var(--color-contrast);
}
.settings-group {
@@ -195,9 +155,8 @@ import {BrowseIcon, PlayIcon} from "@/assets/icons";
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: .5rem;
gap: 0.5rem;
margin: 0;
}
.sliders {