matei/zeroone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ADD: Exit button

Browse Source 
Not functional 😈
Seriously. Couldn't get it to work :/
This commit is contained in:
Robert Kossessa
2024-01-29 18:20:26 +01:00
parent df3e718a02
commit a80044f635
3 changed files with 27 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/config/pages/ProfileConfig.vue
View File

@@ -1,39 +1,6 @@
<template>
<ConfigSection :title="$t('config_options.profile_settings.profile_properties.title')" :icon-component="Type">
<WIP />
<div class="hidden">
<div class="flex flex-col p-8 py-4">
<span
class="text-sm text-muted-foreground font-mono pb-4">{{ $t('config_options.profile_settings.profile_properties.profile_name')
}}</span>
<Input
type="text" :placeholder="$t('config_options.profile_settings.profile_properties.profile_name')"
class="text-xl border-0 text-center border-b rounded-none focus-visible:ring-0 focus-visible:border-emerald-500 font-pixelsm uppercase"
default-value="Oscillator 1" maxlength="20" />
<Label for="text" class="text-muted-foreground text-right mt-1 text-xs">16/20</Label>
</div>
<Separator />
<div class="flex flex-col p-8 py-4">
<span
class="text-sm text-muted-foreground font-mono pb-4">{{ $t('config_options.profile_settings.profile_properties.profile_description')
}}</span>
<Textarea
class="text-lg px-3 bg-inherit text-center focus-visible:outline-none border-b focus-visible:border-emerald-500 resize-none font-pixelsm text-muted-foreground uppercase"
:placeholder="$t('config_options.profile_settings.profile_properties.profile_description')"
default-value="Adjust Korg Oscillator Waveform " rows="2"
maxlength="50" />
<Label for="textarea" class="text-muted-foreground text-right mt-1 text-xs">24/50</Label>
<div class="flex items-center space-x-4 space-y-1">
<Switch id="airplane-mode" :default-checked="true" />
<Label
for="airplane-mode"
class="text-xs text-muted-foreground">{{
$t('config_options.profile_settings.profile_properties.show_description')
}}</Label>
</div>
</div>
</div>
</ConfigSection>
<ConfigSection :title="$t('config_options.profile_settings.connection_type.title')" :icon-component="Cable">
<div class="flex font-heading">