accounting/books
2
0
Fork 0
mirror of https://github.com/frappe/books.git synced 2024-11-10 07:40:55 +00:00
Code Issues Releases Activity

fix(ui): badge and button colors

Browse Source
This commit is contained in:
18alantom 2022-07-07 19:00:52 +05:30 committed by Alan
parent 8e6aab2c02
commit e04d74128f
6 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/BackLink.vue
View File

@ -5,7 +5,8 @@
font-semibold
flex
items-center
bg-gray-100
bg-gray-200
text-gray-700
px-3
rounded-md
"

2
src/components/Badge.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="inline-block rounded-md px-2 py-1 truncate" :class="colorClass">
<div class="inline-block rounded-md px-2 py-1 truncate select-none" :class="colorClass">
<slot></slot>
</div>
</template>

4
src/components/Button.vue
View File

@ -42,8 +42,8 @@ export default {
'opacity-50 cursor-not-allowed pointer-events-none': this.disabled,
'text-white': this.type === 'primary',
'bg-blue-500': this.type === 'primary',
'text-gray-900': this.type !== 'primary',
'bg-gray-100': this.type !== 'primary',
'text-gray-700': this.type !== 'primary',
'bg-gray-200': this.type !== 'primary',
'px-3': this.padding && this.icon,
'px-6': this.padding && !this.icon,
};

2
src/components/FilterDropdown.vue
View File

@ -3,7 +3,7 @@
<template #target="{ togglePopover }">
<Button :icon="true" @click="togglePopover()">
<span class="flex items-center">
<Icon name="filter" size="12" class="stroke-current text-gray-800" />
<Icon name="filter" size="12" class="stroke-current text-gray-700" />
<span class="ml-1">
<template v-if="activeFilterCount > 0">
{{ filterAppliedMessage }}

2
src/pages/ListView/ListView.vue
View File

@ -13,7 +13,7 @@
:padding="false"
class="px-3"
>
<feather-icon name="plus" class="w-4 h-4 text-white" />
<feather-icon name="plus" class="w-4 h-4" />
</Button>
</PageHeader>
<List

4
src/utils/colors.ts
View File

@ -33,7 +33,7 @@ const getValidColor = (color: string) => {
export function getBgColorClass(color: string) {
const vcolor = getValidColor(color);
return `bg-${vcolor}-100`;
return `bg-${vcolor}-200`;
}
export function getColorClass(color: string, type: 'bg' | 'text', value = 300) {
@ -41,7 +41,7 @@ export function getColorClass(color: string, type: 'bg' | 'text', value = 300) {
}
export function getTextColorClass(color: string) {
return `text-${getValidColor(color)}-600`;
return `text-${getValidColor(color)}-700`;
}
export function getBgTextColorClass(color: string) {