kodadot/nft-gallery

View on GitHub
libs/ui/src/components/NeoModalHead/NeoModalHead.vue

Summary

Maintainability
Test Coverage
<template>
  <header
    class="flex lg:hidden py-0 px-tw-5 min-h-[64px] items-center border-b border-border-color bg-background-color-inverse"
  >
    <button
      type="button"
      class="w-full h-full text-left cursor-pointer p-0 bg-transparent text-base/normal text-text-color-inverse"
      data-testid="modal-close-button"
      @click="emit('close')"
    >
      <NeoIcon icon="chevron-left" />
      <span>{{ title }}</span>
    </button>
  </header>
  <NeoCommonHead
    class="hidden lg:flex"
    :title="title"
    @close="emit('close')"
  />
</template>

<script lang="ts" setup>
import { NeoCommonHead, NeoIcon } from '@kodadot1/brick'

defineProps<{
  title: string
}>()

const emit = defineEmits(['close'])
</script>