Annika/budgit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

made the color codes a little prettier

Browse Source
This commit is contained in:
Annika
2022-07-13 16:18:00 -06:00
parent 2facdf7c80
commit 6f137283dc
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
budgit.client/src/components/Category.vue
+2 -2
View File
@@ -1,6 +1,6 @@
<template> <template>
<div class="component flex justify-between bg-stone-800 hover:bg-green-300 hover:text-stone-900 mb-2 p-2 pr-0"> <div :class="`component flex justify-between mb-2 p-2 pr-0 bg-stone-800 hover:text-stone-900 ${totalSpent() > category.budgeted ? 'text-red-400 hover:bg-red-400' : 'hover:bg-green-300'}`">
<h3 :class="`text-2xl ${totalSpent() > category.budgeted ? 'text-red-400' : ''}`">{{category.name}}</h3> <h3 class="text-2xl">{{category.name}}</h3>
<div class="flex"> <div class="flex">
<p class="w-16 px-2 border-l-2 border-stone-900">${{totalSpent()}}</p> <p class="w-16 px-2 border-l-2 border-stone-900">${{totalSpent()}}</p>
<p class="w-16 px-2 border-l-2 border-stone-900">${{category.budgeted}}</p> <p class="w-16 px-2 border-l-2 border-stone-900">${{category.budgeted}}</p>