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> |