matei/zeroone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UPD: Feedback type buttons

Browse Source
This commit is contained in:
Robert Kossessa
2024-01-29 15:45:49 +01:00
parent cdfc597edf
commit 417fe62532
6 changed files with 10 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/config/ConnectionTypeButton.vue
View File

@@ -9,7 +9,7 @@
:src="icon" alt="connection-type-icon"
class="w-24 size-w mb-2"
:class="{'invert': selected}">
<ScrambleText ref="title" class="text-xs text-wrap" :text="title" />
<ScrambleText ref="title" :resize="false" class="text-xs text-wrap" :text="title" />
</button>
</template>
<script setup>

6
src/components/config/FeedbackTypeButton.vue
View File

@@ -1,15 +1,15 @@
<template>
<button
class="flex-1 flex flex-col justify-center items-center py-2"
class="flex-1 flex flex-col items-center py-2"
:class="{'text-black bg-zinc-200 hover:bg-zinc-100': selected,
'hover:bg-zinc-800 text-muted-foreground' : !selected}"
@click="$emit('select'); $refs.title.scramble()">
<img
draggable="false"
:src="icon" alt="connection-type-icon"
class="p-4"
class="w-16 py-2"
:class="{'invert': selected}">
<ScrambleText ref="title" class="text-xs text-wrap" :text="title" />
<ScrambleText ref="title" :resize="false" class="text-xs text-wrap p-1" :text="title" />
</button>
</template>
<script setup>