mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-29 10:42:44 +00:00
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:
@@ -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'
|
||||
|
||||
|
||||
Reference in New Issue
Block a user