feat: add toggle icon detail
This commit is contained in:
@@ -1,7 +1,18 @@
|
||||
<script lang="ts" setup>
|
||||
import { useRecipeStore } from '~/stores/recipe'
|
||||
const rStore = useRecipeStore()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<div text-4xl m="t-4">
|
||||
<div class="bg-gradient-to-b from-dark-100 to-black-900 dark:(from-stone-200 to-light-900)" i-mdi-pot-steam-outline inline-block />
|
||||
<button
|
||||
class="cursor-pointer transition hover:(text-green-600) active:text-green-800"
|
||||
@click="rStore.reset"
|
||||
>
|
||||
<div v-if="rStore.selectedStuff.length" i-mdi-pot-steam-outline />
|
||||
<div v-else i-mdi-pot-mix-outline />
|
||||
</button>
|
||||
</div>
|
||||
<p text="sm" m="b-4">
|
||||
好的,今天我们来做菜!
|
||||
|
||||
Reference in New Issue
Block a user