22 lines
759 B
Vue
22 lines
759 B
Vue
|
<template>
|
|||
|
|
<div class="rounded-md bg-blue-50 p-4">
|
|||
|
|
<div class="flex">
|
|||
|
|
<div class="flex-shrink-0">
|
|||
|
|
<InformationCircleIcon class="h-5 w-5 text-blue-400" aria-hidden="true" />
|
|||
|
|
</div>
|
|||
|
|
<div class="ml-3 flex-1 md:flex md:justify-between">
|
|||
|
|
<p class="text-sm text-blue-700">A new software update is available. See what’s new in version 2.0.4.</p>
|
|||
|
|
<p class="mt-3 text-sm md:ml-6 md:mt-0">
|
|||
|
|
<a href="#" class="whitespace-nowrap font-medium text-blue-700 hover:text-blue-600">
|
|||
|
|
Details
|
|||
|
|
<span aria-hidden="true"> →</span>
|
|||
|
|
</a>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script setup>
|
|||
|
|
import { InformationCircleIcon } from '@heroicons/vue/20/solid'
|
|||
|
|
</script>
|