adjust style

This commit is contained in:
Pete Matsyburka
2025-10-11 10:58:09 +03:00
parent 30274f7f1a
commit 7707e1cd2b
5 changed files with 34 additions and 33 deletions
@@ -52,7 +52,7 @@
>
<span class="py-1 flex items-center">
<span
class="rounded-full w-3 h-3 ml-1 mr-3"
class="rounded-full w-3 h-3 ml-1 mr-3 flex-shrink-0"
:class="colors[index % colors.length]"
/>
<span>
@@ -100,7 +100,7 @@
class="cursor-pointer text-base-100 flex h-full items-center justify-center"
>
<button
class="mx-1 w-3 h-3 rounded-full"
class="mx-1 w-3 h-3 rounded-full flex-shrink-0"
:class="colors[submitters.indexOf(selectedSubmitter) % colors.length]"
/>
</label>
@@ -108,11 +108,11 @@
v-else
ref="label"
tabindex="0"
class="group cursor-pointer group/contenteditable-container rounded-md p-2 border border-base-300 hover:border-content w-full flex justify-between"
class="group cursor-pointer group/contenteditable-container rounded-md p-2 border border-base-300 hover:border-content w-full flex justify-between items-center"
>
<div class="flex items-center space-x-2">
<span
class="w-3 h-3 rounded-full"
class="w-3 h-3 rounded-full flex-shrink-0"
:class="colors[submitters.indexOf(selectedSubmitter) % colors.length]"
/>
<Contenteditable
@@ -125,7 +125,7 @@
@update:model-value="$emit('name-change', selectedSubmitter)"
/>
</div>
<span class="flex items-center transition-all duration-75 group-hover:border border-base-content/20 border-dashed w-6 h-6 justify-center rounded">
<span class="flex items-center transition-all duration-75 group-hover:border border-base-content/20 border-dashed w-6 h-6 justify-center rounded flex-shrink-0">
<component
:is="editable ? 'IconPlus' : 'IconChevronDown'"
width="18"
@@ -153,7 +153,7 @@
>
<span class="py-1 flex items-center">
<span
class="rounded-full w-3 h-3 ml-1 mr-3"
class="rounded-full w-3 h-3 ml-1 mr-3 flex-shrink-0"
:class="colors[index % colors.length]"
/>
<span>
@@ -164,7 +164,7 @@
v-if="!compact && submitters.length > 1 && editable"
class="flex"
>
<div class="flex-col pr-1 hidden group-hover:flex -mt-1 h-0">
<div class="flex-col pr-1 flex invisible group-hover:visible -mt-1 h-0">
<button
:title="t('up')"
class="relative w-2"
@@ -184,7 +184,7 @@
</div>
<button
v-if="!compact && submitters.length > 1 && editable"
class="hidden group-hover:block px-2"
class="invisible group-hover:visible px-2"
@click.prevent.stop="remove(submitter)"
>
<IconTrashX :width="18" />