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

feat: dynamic screen border colors

This commit is contained in:
pskfyi 2022-01-14 22:03:41 -08:00 committed by pskfyi
parent bfed01bb56
commit 4ad037a6ca
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
layouts/default.vue
View File

@ -1,5 +1,8 @@
<template> <template>
<div class="container max-h-full h-full w-full mx-auto bg-gray-400 px-4"> <div
class="wrapper container max-h-full h-full w-full mx-auto px-4"
:class="`bg-${activeTab.darkColor}`"
>
<main <main
class="grid w-full h-full overflow-auto relative" class="grid w-full h-full overflow-auto relative"
:class="`bg-${activeTab.color}`" :class="`bg-${activeTab.color}`"
@ -132,6 +135,9 @@ html {
</style> </style>
<style scoped> <style scoped>
.wrapper {
transition: background-color 2000ms;
}
main { main {
grid-template-rows: auto minmax(0, 2fr) auto minmax(0, 3fr); grid-template-rows: auto minmax(0, 2fr) auto minmax(0, 3fr);
transition: background-color 2000ms; transition: background-color 2000ms;