123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143 |
- <template>
- <main aria-labelledby="recent-hires-title">
- <div class="rounded-lg bg-white overflow-hidden shadow">
- <div class="p-6">
- <h2 class="text-base font-medium text-gray-900" id="recent-hires-title">Latest Transactions</h2>
- ///
- <div class="flow-root mt-6 hidden">
- <ul role="list" class="-my-5 divide-y divide-gray-200">
- <li class="py-4">
- <div class="flex items-center space-x-4">
- <div class="flex-shrink-0">
- <img
- class="h-8 w-8 rounded-full"
- src="https://images.unsplash.com/photo-1519345182560-3f2917c472ef?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
- alt=""
- />
- </div>
- <div class="flex-1 min-w-0">
- <p class="text-sm font-medium text-gray-900 truncate">
- Leonard Krasner
- </p>
- <p class="text-sm text-gray-500 truncate">
- @leonardkrasner
- </p>
- </div>
- <div>
- <a href="#" class="inline-flex items-center shadow-sm px-2.5 py-0.5 border border-gray-300 text-sm leading-5 font-medium rounded-full text-gray-700 bg-white hover:bg-gray-50">
- View
- </a>
- </div>
- </div>
- </li>
- <li class="py-4">
- <div class="flex items-center space-x-4">
- <div class="flex-shrink-0">
- <img
- class="h-8 w-8 rounded-full"
- src="https://images.unsplash.com/photo-1463453091185-61582044d556?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
- alt=""
- />
- </div>
- <div class="flex-1 min-w-0">
- <p class="text-sm font-medium text-gray-900 truncate">
- Floyd Miles
- </p>
- <p class="text-sm text-gray-500 truncate">
- @floydmiles
- </p>
- </div>
- <div>
- <a href="#" class="inline-flex items-center shadow-sm px-2.5 py-0.5 border border-gray-300 text-sm leading-5 font-medium rounded-full text-gray-700 bg-white hover:bg-gray-50">
- View
- </a>
- </div>
- </div>
- </li>
- <li class="py-4">
- <div class="flex items-center space-x-4">
- <div class="flex-shrink-0">
- <img
- class="h-8 w-8 rounded-full"
- src="https://images.unsplash.com/photo-1502685104226-ee32379fefbe?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
- alt=""
- />
- </div>
- <div class="flex-1 min-w-0">
- <p class="text-sm font-medium text-gray-900 truncate">
- Emily Selman
- </p>
- <p class="text-sm text-gray-500 truncate">
- @emilyselman
- </p>
- </div>
- <div>
- <a href="#" class="inline-flex items-center shadow-sm px-2.5 py-0.5 border border-gray-300 text-sm leading-5 font-medium rounded-full text-gray-700 bg-white hover:bg-gray-50">
- View
- </a>
- </div>
- </div>
- </li>
- <li class="py-4">
- <div class="flex items-center space-x-4">
- <div class="flex-shrink-0">
- <img
- class="h-8 w-8 rounded-full"
- src="https://images.unsplash.com/photo-1500917293891-ef795e70e1f6?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
- alt=""
- />
- </div>
- <div class="flex-1 min-w-0">
- <p class="text-sm font-medium text-gray-900 truncate">
- Kristin Watson
- </p>
- <p class="text-sm text-gray-500 truncate">
- @kristinwatson
- </p>
- </div>
- <div>
- <a href="#" class="inline-flex items-center shadow-sm px-2.5 py-0.5 border border-gray-300 text-sm leading-5 font-medium rounded-full text-gray-700 bg-white hover:bg-gray-50">
- View
- </a>
- </div>
- </div>
- </li>
- </ul>
- </div>
- <div class="mt-6">
- <a href="#" class="w-full flex justify-center items-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50">
- View all
- </a>
- </div>
- </div>
- </div>
- </main>
- </template>
- <script>
- export default {
- data: () => {
- return {
- //
- }
- },
- created: async function () {
- /* Retrieve session. */
- // const session = await this.hasSession()
- // .catch(err => console.error('Session Error:', err))
- /* Validate session. */
- // if (!session) {
- // return
- // }
- },
- mounted: function () {
- //
- },
- }
- </script>
|