zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

chore: reduce emoji picker size

Browse source
This commit is contained in:
Anthony Fu 2023-01-16 11:21:38 +01:00
parent e847f8ef1d
commit d21860487b
2 changed files with 11 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

15
components/search/SearchEmojiInfo.vue
View file

@ -1,6 +1,4 @@
<script setup lang="ts">
import { Emoji } from 'emoji-mart'
export interface SearchEmoji {
title: string
src: string
@ -12,18 +10,13 @@ defineProps<{
</script>
<template>
<div flex gap-2 items-center>
<div flex="~ gap3" items-center text-base>
<img
:key="emoji.title"
width="30"
height="30"
width="20"
height="20"
:src="emoji.src"
loading="lazy"
>
<div flex="~ col gap1" pt-1 pl-2 shrink h-full overflow-hidden leading-none>
<div flex="~" gap-2>
<span text-lg>:{{ emoji.title }}:</span>
</div>
</div>
<span shrink overflow-hidden leading-none text-base><span text-secondary>:</span>{{ emoji.title }}<span text-secondary>:</span></span>
</div>
</template>