Component: The Rest of the PrimeVue buttons (#7649)

## Summary

Automated initial change, cleaned up manually.

Please check the screenshot changes.

Includes a11y updates to icon buttons.

Doesn't hit the buttons in Desktop.

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-7649-WIP-Component-The-Rest-of-the-PrimeVue-buttons-2ce6d73d365081d68e06f200f1321267)
by [Unito](https://www.unito.io)

---------

Co-authored-by: GitHub Action <action@github.com>
Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
This commit is contained in:
Alexander Brown
2025-12-29 15:03:34 -08:00
committed by GitHub
parent ea96c71818
commit 7b68b19f11
159 changed files with 1330 additions and 1359 deletions

View File

@@ -21,31 +21,27 @@
:style="containerStyles"
>
<Button
class="absolute top-1 left-1 z-10 hover:bg-interface-button-hover-surface!"
size="small"
text
severity="secondary"
class="absolute top-0 left-0 z-10"
size="icon"
variant="muted-textonly"
:aria-label="$t('g.settings')"
@click.stop="toggleOptionsPanel"
>
<template #icon>
<i class="icon-[lucide--settings-2]" />
</template>
<i class="icon-[lucide--settings-2]" />
</Button>
<Button
class="absolute top-1 right-1 z-10 hover:bg-interface-button-hover-surface!"
size="small"
text
severity="secondary"
class="absolute top-0 right-0 z-10"
size="icon"
variant="muted-textonly"
:aria-label="$t('g.close')"
data-testid="close-minmap-button"
@click.stop="() => commandStore.execute('Comfy.Canvas.ToggleMinimap')"
>
<template #icon>
<i class="icon-[lucide--x]" />
</template>
<i class="icon-[lucide--x]" />
</Button>
<hr
class="absolute top-7 h-px border-0 bg-node-component-border"
class="absolute top-6 h-px border-0 bg-node-component-border"
:style="{
width: containerStyles.width
}"
@@ -74,9 +70,9 @@
</template>
<script setup lang="ts">
import Button from 'primevue/button'
import { onMounted, onUnmounted, ref, useTemplateRef } from 'vue'
import Button from '@/components/ui/button/Button.vue'
import { useMinimap } from '@/renderer/extensions/minimap/composables/useMinimap'
import { useCommandStore } from '@/stores/commandStore'