This repository has been archived on 2024-04-04. You can view files and clone it, but cannot push or open issues or pull requests.
tailwindui/vue/components/application-ui/headings/card-headings/with_description_and_action.vue

14 lines
823 B
Vue
Raw Normal View History

2024-01-24 19:02:44 +08:00
<template>
<div class="border-b border-gray-200 bg-white px-4 py-5 sm:px-6">
<div class="-ml-4 -mt-4 flex flex-wrap items-center justify-between sm:flex-nowrap">
<div class="ml-4 mt-4">
<h3 class="text-base font-semibold leading-6 text-gray-900">Job Postings</h3>
<p class="mt-1 text-sm text-gray-500">Lorem ipsum dolor sit amet consectetur adipisicing elit quam corrupti consectetur.</p>
</div>
<div class="ml-4 mt-4 flex-shrink-0">
<button type="button" class="relative inline-flex items-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Create new job</button>
</div>
</div>
</div>
</template>