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

chore: cleanup; adjust styles on spoare time

This commit is contained in:
pskfyi 2022-01-10 02:15:00 -08:00 committed by pskfyi
parent 875418a84f
commit 7154b8bafd
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/KeyArtStage.vue
View File

@ -1,12 +1,12 @@
<template> <template>
<div class="key-art-stage p-8 relative"> <div class="p-8 relative">
<div class="key-art absolute top-8 left-0 right-0" /> <div class="key-art absolute top-8 left-0 right-0" />
<div <div
class="absolute top-0 bottom-0 left-0 right-0 flex items-center justify-center" class="absolute top-0 bottom-0 left-0 right-0 flex items-center justify-center"
@click="$store.commit('addCurrency', 1)" @click="$store.commit('addCurrency', 1)"
> >
<span <span
class="spare-time flex flex-row items-center font-bold rounded-2xl p-2" class="spare-time flex flex-row items-center font-bold rounded-2xl select-none"
:class="`text-${$store.getters.activeTab.darkColor}`" :class="`text-${$store.getters.activeTab.darkColor}`"
> >
<span class="text-3xl md:text-5xl" v-text="$store.state.currency" /> <span class="text-3xl md:text-5xl" v-text="$store.state.currency" />
@ -28,8 +28,9 @@
height: calc(100% - 4rem); /* 4rem = top padding + bottom padding */ height: calc(100% - 4rem); /* 4rem = top padding + bottom padding */
} }
.spare-time { .spare-time {
background: rgba(2555, 255, 255, 0.6); --color: rgba(2555, 255, 255, 0.5);
box-shadow: 0px 0px 21px 3px #fff; background: var(--color);
box-shadow: 0px 0px 20px 20px var(--color);
transition: color 2000ms; transition: color 2000ms;
} }
</style> </style>