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

chore: updates to header, footer, tabs, and colors

Browse source
This commit is contained in:
pskfyi 2022-01-09 20:33:09 -08:00 • committed by pskfyi
commit 5a05e52ed9
4 changed files with 97 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

10
components/GameTab.vue
View file

@ -1,7 +1,7 @@
<template>
<nuxt-link
class="tab flex-grow text-center text-2xl font-semibold py-1 cursor-pointer"
:class="[colorClasses, index < 5 && 'mr-px']"
class="tab flex-grow text-center text-2xl font-semibold py-1 cursor-pointer rounded-tl-lg rounded-tr-lg"
:class="[colorClasses, index < 5 && 'mr-px', active && 'active']"
:to="tabData.route"
>
<template v-if="!tabData.locked">
@ -39,3 +39,9 @@ export default {
},
}
</script>
<style scoped>
.active {
box-shadow: 3px 28px 9px -5px #000, 3px -1px 9px -4px #000;
}
</style>