diff --git a/public/icons/work_add_main_checked.png b/public/icons/work_add_main_checked.png new file mode 100644 index 0000000..b60ed55 Binary files /dev/null and b/public/icons/work_add_main_checked.png differ diff --git a/src/layout/adder/AdderPage.tsx b/src/layout/adder/AdderPage.tsx index ee8094b..7a6a998 100644 --- a/src/layout/adder/AdderPage.tsx +++ b/src/layout/adder/AdderPage.tsx @@ -43,17 +43,24 @@ const ItemButton = defineComponent({ ctx.emit('click') }} class={ - 'py-2 px-4 mb-2 rounded-lg text-sm cursor-pointer transition-all ' + + 'py-4 px-4 mb-2 rounded text-sm cursor-pointer transition-all relative ' + (isGame.value ? props.active ? 'bg-[#626471] text-[#f7a94e]' - : 'hover:text-[#f7a94e] text-[#b4b5bb]' + : 'hover:text-[#f7a94e] hover:bg-white/20 text-[#b4b5bb]' : props.active ? 'bg-white text-black/80 shadow' : 'hover:text-black/80 hover:bg-white text-black/50') } > - + {props.active && ( + + )} + + {props.label} ) @@ -69,12 +76,18 @@ export default defineComponent(() => { const addTo = ref(layout.state.currentPage) provide(AddToToken, addTo) return () => ( -
+