Changed closed icon and added one token

This commit is contained in:
Alexis
2025-12-27 18:28:24 +01:00
parent 86e3f101f6
commit 13f8ede6a1
4 changed files with 41 additions and 21 deletions

View File

@@ -15,10 +15,15 @@ function handleFoodClick() {
<template>
<aside class="rounded bg-background border border-border shadow-sm">
<header class="py-1.5 px-2 text-[.8em] font-medium border-b border-border">
<h2>
Calques
</h2>
</header>
<menu class="first:pt-0.5 last:pb-0.5">
<li>
<button
class="pl-2 pr-3 py-1.5 text-xs cursor-pointer flex items-start gap-1"
class="w-full pl-2 pr-3 py-1.5 text-xs cursor-pointer flex items-start gap-1 hover:bg-foreground/10"
:class="{
'text-foreground *:fill-foreground': !activeLayers.food,
'text-emerald-600 *:fill-emerald-600': activeLayers.food
@@ -40,7 +45,7 @@ function handleFoodClick() {
</li>
<li>
<button
class="pl-2 pr-3 py-1.5 text-xs cursor-pointer flex items-start gap-1"
class="pl-2 pr-3 py-1.5 text-xs cursor-pointer flex items-start gap-1 hover:bg-foreground/10"
:class="{
'text-foreground *:fill-foreground': !activeLayers.tokens,
'text-emerald-600 *:fill-emerald-600': activeLayers.tokens