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

UPD: Styling

Browse Source
This commit is contained in:
Robert Kossessa
2024-01-31 03:28:28 +01:00
parent 2f0e3c3fd5
commit 5608c46c2c
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/profile/ProfileManager.vue
View File

@@ -2,15 +2,12 @@
<div> <div>
<div> <div>
<div <div
class="w-full px-4 h-20 flex items-center"> class="w-full p-4 flex items-center">
<div> <div>
<h1 class="text-lg"> <h1 class="text-lg">
{{ $t(`profiles.title`) }}<span class="text-sm text-zinc-600"> ({{ store.profiles.length }}/{{ maxProfiles {{ $t(`profiles.title`) }}<span class="text-sm text-zinc-600"> ({{ store.profiles.length }}/{{ maxProfiles
}})</span> }})</span>
</h1> </h1>
<p class="text-xs text-muted-foreground">
{{ $t(`profiles.subtitle`) }}
</p>
</div> </div>
</div> </div>
<Separator /> <Separator />
@@ -46,17 +43,19 @@
v-model:open="collapse[profileTag]" v-model:open="collapse[profileTag]"
:default-open="true"> :default-open="true">
<CollapsibleTrigger <CollapsibleTrigger
class="w-full h-12 py-2 text-left text-muted-foreground text-sm hover:bg-zinc-900"> class="w-full h-12 py-2 text-left text-muted-foreground text-sm bg-zinc-900 border-0 border-b">
<ChevronRight class="chevrot h-4 w-4 mb-0.5 ml-4 inline-block transition-transform" /> <ChevronRight class="chevrot h-4 w-4 mb-0.5 ml-4 inline-block transition-transform" />
{{ profileTag }}<span class="font-heading text-sm text-zinc-600"> ({{ tagProfiles.length }})</span> {{ profileTag }}<span class="font-heading text-sm text-zinc-600"> ({{ tagProfiles.length }})</span>
</CollapsibleTrigger> </CollapsibleTrigger>
<CollapsibleContent> <CollapsibleContent>
<ProfileButton <ProfileButton
v-for="(profile, index) in tagProfiles" :key="profile.id" v-model="tagProfiles[index]" v-for="(profile, index) in tagProfiles" :key="profile.id" v-model="tagProfiles[index]"
class="border-0 border-b"
:selected="store.selectedProfile.id === profile.id" :selected="store.selectedProfile.id === profile.id"
@select="store.selectProfile(profile.id)" @select="store.selectProfile(profile.id)"
@duplicate="store.duplicateProfile(profile.id)" @duplicate="store.duplicateProfile(profile.id)"
@delete="store.deleteProfile(profile.id)" /> @delete="store.deleteProfile(profile.id)" />
<Separator />
</CollapsibleContent> </CollapsibleContent>
</Collapsible> </Collapsible>
</div> </div>