akanyan/STARTLINER
3
5
Fork 3
Code Issues Pull Requests 1 Projects Releases 29 Wiki Activity

feat: new config format

Browse Source
This commit is contained in:
あかニャン
2025-03-13 23:26:00 +00:00
parent 48dc9ec4df
commit fd27000c05
30 changed files with 1447 additions and 833 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/components/ProfileList.vue
View File

@ -1,5 +1,6 @@
<script setup lang="ts">
import Button from 'primevue/button';
import ProfileListEntry from './ProfileListEntry.vue';
import { usePrfStore } from '../stores';
const prf = usePrfStore();
@ -18,70 +19,25 @@ const prf = usePrfStore();
icon="pi pi-plus"
class="chunithm-button profile-button"
@click="() => prf.create('chunithm')"
:disabled="true"
/>
</div>
<div class="mt-12 flex flex-col flex-wrap align-middle gap-4">
<div v-for="p in prf.list">
<div class="flex flex-row flex-wrap align-middle gap-2">
<Button
:disabled="
prf.current?.game === p.game &&
prf.current?.name === p.name
"
:label="p.name"
:class="
(p.game === 'chunithm'
? 'chunithm-button'
: 'ongeki-button') +
' ' +
'self-center profile-button'
"
@click="prf.switchTo(p.game, p.name)"
/>
<Button
rounded
icon="pi pi-trash"
severity="danger"
aria-label="remove"
size="small"
class="self-center ml-2"
style="width: 2rem; height: 2rem"
:disabled="true"
/>
<Button
rounded
icon="pi pi-clone"
severity="warn"
aria-label="duplicate"
size="small"
class="self-center"
style="width: 2rem; height: 2rem"
:disabled="true"
/>
<Button
rounded
icon="pi pi-pencil"
severity="help"
aria-label="duplicate"
size="small"
class="self-center"
style="width: 2rem; height: 2rem"
:disabled="true"
/>
</div>
<ProfileListEntry :p="p" />
</div>
</div>
</template>
<style scoped>
<style>
.profile-button {
width: 14em;
white-space: nowrap;
}
.ongeki-button {
background-color: var(--p-pink-400);
border-color: var(--p-pink-400);
background-color: var(--p-pink-400) !important;
border-color: var(--p-pink-400) !important;
}
.ongeki-button:hover,
@ -91,8 +47,8 @@ const prf = usePrfStore();
}
.chunithm-button {
background-color: var(--p-yellow-400);
border-color: var(--p-yellow-400);
background-color: var(--p-yellow-400) !important;
border-color: var(--p-yellow-400) !important;
}
.chunithm-button:hover,
.chunithm-button:active {