ADD: Profile config text inputs

This commit is contained in:
Robert Kossessa
2024-02-05 01:02:46 +01:00
parent e5cc9875fe
commit 31de2bb84c

View File

@@ -1,6 +1,13 @@
<template> <template>
<ConfigSection :title="$t('config_options.profile_settings.profile_properties.title')" :icon-component="Type"> <ConfigSection :title="$t('config_options.profile_settings.profile_properties.title')" :icon-component="Type">
<WIP /> <div class="px-8 my-4">
<span class="text-sm text-muted-foreground font-mono">Title</span>
<Input class="font-pixelsm mt-2 uppercase" default-value="Title text" />
</div>
<div class="px-8 my-4">
<span class="text-sm text-muted-foreground font-mono">Description</span>
<Textarea class="font-pixelsm mt-2 uppercase" default-value="Descriptive description describing the profile" />
</div>
</ConfigSection> </ConfigSection>
<ConfigSection <ConfigSection
v-if="false" :title="$t('config_options.profile_settings.connection_type.title')" v-if="false" :title="$t('config_options.profile_settings.connection_type.title')"
@@ -34,6 +41,8 @@ import MidiIcon from '@/assets/logos/logoMidi.svg'
import { Badge } from '@/components/ui/badge' import { Badge } from '@/components/ui/badge'
import WIP from '@/components/WIP.vue' import WIP from '@/components/WIP.vue'
import TabSelect from '@/components/common/TabSelect.vue' import TabSelect from '@/components/common/TabSelect.vue'
import { Input } from '@/components/ui/input'
import { Textarea } from '@/components/ui/textarea'
const connectionType = ref('usb') // TODO: replace with actual value const connectionType = ref('usb') // TODO: replace with actual value