adalal/solidtime
1
0
Fork 0
mirror of https://github.com/solidtime-io/solidtime.git synced 2026-08-17 04:32:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

add basic crud frontend for clients, tags and projects

Browse Source
This commit is contained in:
Gregor Vostrak
2024-04-03 16:07:23 +02:00
parent 824e3d99ae
commit 0081aa7a6e
77 changed files with 2670 additions and 330 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
resources/js/Components/SecondaryButton.vue
View File

@@ -1,9 +1,12 @@
<script setup lang="ts">
import type { HtmlButtonType } from '@/types/dom';
import { twMerge } from 'tailwind-merge';
import { type Component } from 'vue';
withDefaults(
const props = withDefaults(
defineProps<{
type: HtmlButtonType;
icon?: Component;
}>(),
{
type: 'button',
@@ -14,7 +17,18 @@ withDefaults(
<template>
<button
:type="type"
class="inline-flex items-center px-4 py-2 bg-button-secondary-background border border-button-secondary-border hover:bg-button-secondary-background-hover rounded-md font-semibold text-xs text-white uppercase tracking-widest shadow-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 disabled:opacity-25 transition ease-in-out duration-150">
<slot />
class="bg-button-secondary-background border border-button-secondary-border hover:bg-button-secondary-background-hover shadow-sm transition text-white text-sm px-3 py-2 rounded-lg font-semibold inline-flex items-center space-x-1.5 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 disabled:opacity-25 ease-in-out">
<span
:class="
twMerge('flex items-center ', props.icon ? 'space-x-1.5' : '')
">
<component
v-if="props.icon"
:is="props.icon"
class="w-5 h-5 -ml-1"></component>
<span>
<slot />
</span>
</span>
</button>
</template>