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

UPD: TabSelect look

Browse Source
This commit is contained in:
Robert Kossessa
2024-02-05 01:37:59 +01:00
parent 60abf89d82
commit 2bf95e85f1
3 changed files with 7 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/config/ConfigPane.vue
View File

@@ -1,10 +1,10 @@
<template>
<div>
<div v-if="showTabs" class="p-2 border-solid border-0 border-b">
<div class="flex bg-zinc-900 rounded-xl overflow-hidden">
<div class="flex bg-zinc-900 rounded-xl overflow-hidden border border-zinc-800">
<button
v-for="(option, key) in store.currentConfigPages" :key="key"
class="flex-1 h-12 items-center text-center px-3 font-heading"
class="flex-1 h-12 items-center text-center px-3 font-heading transition-all"
:class="{'text-black bg-zinc-300 hover:bg-zinc-200': key===store.currentConfigPage,
'hover:bg-zinc-800 text-muted-foreground' : key!==store.currentConfigPage}"
@click="store.setCurrentConfigPage(key)">