UPD: Remove profile list icon

This commit is contained in:
Robert Kossessa
2024-02-01 17:30:07 +01:00
parent 9e6f0ffa29
commit 3412cda566
4 changed files with 31 additions and 24 deletions

View File

@@ -2,18 +2,21 @@
<div>
<div>
<div
class="w-full p-4 flex items-center">
<div>
<h1 class="text-lg">
{{ $t(`profiles.title`) }}<span class="text-sm text-zinc-600"> ({{ store.profiles.length }}/{{ maxProfiles
}})</span>
</h1>
</div>
class="w-full p-4 flex items-center justify-between">
<h1 class="text-lg">
{{ $t(`profiles.title`) }}<span class="text-sm text-zinc-600"> ({{ store.profiles.length }}/{{ maxProfiles
}})</span>
</h1>
<button
class="bg-zinc-200 text-black hover:bg-zinc-100 rounded-full aspect-square w-8 flex justify-center items-center"
@click="store.addProfile">
<Plus class="h-4" />
</button>
</div>
<Separator />
</div>
<div>
<div class="flex w-full h-12 items-center">
<div v-if="showFilter" class="flex w-full h-12 items-center">
<label for="filter" class="flex h-full items-center cursor-text">
<Search class="ml-4 mr-2 mb-0.5 h-4 w-4 shrink-0 opacity-50 float-left" />
</label>
@@ -71,6 +74,13 @@ import ScrambleText from '@/components/effects/ScrambleText.vue'
import { useStore } from '@/store.js'
import ProfileButton from '@/components/profile/ProfileButton.vue'
defineProps({
showFilter: {
type: Boolean,
default: false,
},
})
const maxProfiles = 32
const store = useStore()