mirror of
https://github.com/kevin-DL/comedy-video-lib.git
synced 2026-01-11 19:04:27 +00:00
Kevin ANATOLE
cbdd40cb5a
- Got a page design from TailwindUI - Added to the default layout - Added a header to the home page
49 lines
1.5 KiB
Vue
49 lines
1.5 KiB
Vue
<template>
|
|
<div>
|
|
<!-- Page title & actions -->
|
|
<div
|
|
class="border-b border-gray-200 px-4 py-4 sm:flex sm:items-center sm:justify-between sm:px-6 lg:px-8"
|
|
>
|
|
<div class="flex-1 min-w-0">
|
|
<h1 class="text-lg font-medium leading-6 text-gray-900 sm:truncate">
|
|
Home
|
|
</h1>
|
|
</div>
|
|
<div class="mt-4 flex sm:mt-0 sm:ml-4">
|
|
<span class="order-1 ml-3 shadow-sm rounded-md sm:order-0 sm:ml-0">
|
|
<button
|
|
type="button"
|
|
class="inline-flex items-center px-4 py-2 border border-gray-300 text-sm leading-5 font-medium rounded-md text-gray-700 bg-white hover:text-gray-500 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 active:text-gray-800 active:bg-gray-50 transition duration-150 ease-in-out"
|
|
>
|
|
Share
|
|
</button>
|
|
</span>
|
|
<span class="order-0 sm:order-1 sm:ml-3 shadow-sm rounded-md">
|
|
<button
|
|
type="button"
|
|
class="inline-flex items-center px-4 py-2 border border-transparent text-sm leading-5 font-medium rounded-md text-white bg-purple-600 hover:bg-purple-500 focus:outline-none focus:shadow-outline-purple focus:border-purple-700 active:bg-indigo-700 transition duration-150 ease-in-out"
|
|
>
|
|
Create
|
|
</button>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'Index',
|
|
data() {
|
|
return {
|
|
email: '',
|
|
loading: false,
|
|
}
|
|
},
|
|
methods: {},
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
</style>
|