refactor: removed timeline button
This commit is contained in:
@@ -1,13 +1,13 @@
|
||||
<template>
|
||||
<div>
|
||||
<ol :class="classNames(defaultClasses, horizontal ? horizontalClasses : verticalClasses)" v-bind="$attrs">
|
||||
<ol :class="timelineClasses" v-bind="$attrs">
|
||||
<slot></slot>
|
||||
</ol>
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import classNames from 'classnames'
|
||||
import { provide } from 'vue'
|
||||
import { computed, provide } from 'vue'
|
||||
|
||||
const props = defineProps({
|
||||
horizontal: {
|
||||
@@ -21,4 +21,6 @@ provide('horizontal', props.horizontal)
|
||||
const defaultClasses = 'relative border-gray-200 dark:border-gray-700'
|
||||
const verticalClasses = 'border-l'
|
||||
const horizontalClasses = 'flex'
|
||||
|
||||
const timelineClasses = computed(() => classNames(defaultClasses, props.horizontal ? horizontalClasses : verticalClasses))
|
||||
</script>
|
||||
|
||||
@@ -1,5 +0,0 @@
|
||||
<template>
|
||||
<a href="#" class="inline-flex items-center py-2 px-4 text-sm font-medium text-gray-900 bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:outline-none focus:ring-gray-200 focus:text-blue-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700 dark:focus:ring-gray-700">
|
||||
<slot></slot>
|
||||
</a>
|
||||
</template>
|
||||
Reference in New Issue
Block a user