john
/
timekeeper
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

chore: color updates

This commit is contained in:
pskfyi 2022-01-06 15:22:21 -08:00
parent cc65639b75
commit 843aba7f54
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
pages/index.vue
View File

@ -6,15 +6,19 @@
Timekeeper Timekeeper
</header> </header>
<main class="bg-gray-400 grid w-full"> <main class="bg-gray-400 grid w-full">
<div class="units p-8 relative"> <div class="units p-8 relative bg-gray-300">
<div class="units-background absolute top-8 left-0 right-0"></div> <div class="units-background absolute top-8 left-0 right-0"></div>
</div> </div>
<div class="tabs flex flex-row w-full text-gray-600"> <div class="tabs flex flex-row w-full bg-gray-400 text-gray-400">
<div <div
v-for="(tab, index) in tabs" v-for="(tab, index) in tabs"
:key="index" :key="index"
class="tab flex-grow text-center text-2xl font-semibold border border-gray-600" class="tab flex-grow text-center text-2xl font-semibold py-1 mr-px"
:class="{ 'text-gray-400 bg-gray-600': activeTabIndex === index }" :class="{
'text-gray-600 bg-gray-400 border-gray-600':
activeTabIndex === index,
'bg-gray-600 border-gray-600': activeTabIndex !== index,
}"
@click="activeTabIndex = index" @click="activeTabIndex = index"
> >
{{ tab.label }} {{ tab.label }}