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

UPD: Style profile filter

Browse Source
This commit is contained in:
Robert Kossessa
2024-01-24 14:20:37 +01:00
parent 3517a02b66
commit 4cf55efb2f
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/ProfileManager.vue
View File

@@ -13,8 +13,17 @@
</div> </div>
<Separator /> <Separator />
<div> <div>
<MagnifyingGlassIcon class="mr-2 h-4 w-4 shrink-0 opacity-50" /> <div class="flex w-full h-12 items-center">
<Input v-model="filter" :placeholder="$t('profiles.filter_placeholder')" class="border-none outline-none rounded-none" /> <label for="filter" class="flex h-full items-center cursor-text">
<MagnifyingGlassIcon class="ml-4 mr-1 mb-0.5 h-4 w-4 shrink-0 opacity-50 float-left" />
</label>
<input
id="filter"
v-model="filter"
:placeholder="$t('profiles.filter_placeholder')"
class="grow h-full bg-transparent text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-0 disabled:cursor-not-allowed disabled:opacity-50">
</div>
<Separator />
<template v-if="filter===''"> <template v-if="filter===''">
<div v-for="[profileTag, tagProfiles] in profilesByTag" :key="profileTag"> <div v-for="[profileTag, tagProfiles] in profilesByTag" :key="profileTag">
{{ profileTag }} {{ profileTag }}
@@ -40,6 +49,7 @@ import { FileDigit } from 'lucide-vue-next'
import axios from 'axios' import axios from 'axios'
import { computed, onMounted, ref } from 'vue' import { computed, onMounted, ref } from 'vue'
import { MagnifyingGlassIcon } from '@radix-icons/vue' import { MagnifyingGlassIcon } from '@radix-icons/vue'
import { cn } from '@/lib/utils.js'
const profiles = ref([]) const profiles = ref([])