feat: improve feedback component, brand color picker

This commit is contained in:
taskylizard 2025-03-27 12:54:11 +00:00
parent 93ed69ddbf
commit 1622da5db9
No known key found for this signature in database
GPG key ID: 1820131ED1A24120
8 changed files with 390 additions and 31 deletions

View file

@ -1,5 +1,6 @@
<script setup lang="ts">
import Field from './CardField.vue'
import ColorPicker from './ColorPicker.vue'
import InputField from './InputField.vue'
import ToggleStarred from './ToggleStarred.vue'
</script>
@ -16,7 +17,7 @@ import ToggleStarred from './ToggleStarred.vue'
<Field icon="i-twemoji-globe-with-meridians">Indexes</Field>
<Field icon="i-twemoji-repeat-button">Storage Links</Field>
<Field icon="i-twemoji-star">Recommendations</Field>
<div class="align-center mb-4 flex justify-between">
<div class="align-center mb-4 mt-4 flex justify-between">
<div class="text-$vp-c-text-1 lh-relaxed text-sm font-bold">Options</div>
</div>
<InputField id="toggle-starred" label="Toggle Starred">
@ -25,16 +26,6 @@ import ToggleStarred from './ToggleStarred.vue'
</template>
</InputField>
<Field icon="i-lucide:github">
<a
href="https://github.com/fmhy/edit"
target="_blank"
rel="noopener noreferrer"
aria-label="Star FMHY on GitHub"
class="text-primary underline font-bold"
>
Star on GitHub
</a>
</Field>
<ColorPicker />
</div>
</template>