mirror of
https://github.com/fmhy/edit.git
synced 2025-08-01 00:32:30 +10:00
feat: improve feedback component, brand color picker
This commit is contained in:
parent
93ed69ddbf
commit
1622da5db9
8 changed files with 390 additions and 31 deletions
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue