LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

feat: new colors (#10352)

Browse Source 
Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Co-authored-by: iamsivin <iamsivin@gmail.com>
This commit is contained in:
Shivam Mishra
2024-10-28 14:27:08 +05:30
committed by GitHub
parent 80c9434069
commit 6df2d76c1e
10 changed files with 43 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/javascript/dashboard/components-next/tabbar/TabBar.vue
View File

@@ -37,14 +37,14 @@ const showDivider = index => {
</script>
<template>
<div class="flex h-8 rounded-lg bg-n-solid-1 w-fit">
<div class="flex items-center h-8 rounded-lg bg-n-alpha-1 w-fit">
<template v-for="(tab, index) in tabs" :key="index">
<button
class="relative px-4 truncate py-1.5 text-sm border-0 rounded-lg transition-colors duration-300 ease-in-out hover:text-n-brand"
class="relative px-4 truncate py-1.5 text-sm border-0 outline-1 outline rounded-lg transition-colors duration-300 ease-in-out hover:text-n-brand"
:class="[
activeTab === index
? 'text-n-brand bg-n-solid-active font-medium'
: 'text-n-slate-10',
? 'text-n-brand bg-n-solid-active outline-n-container dark:outline-transparent'
: 'text-n-slate-10 outline-transparent h-8',
]"
@click="selectTab(index)"
>