mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-08-09 16:52:17 +01:00
e78a551098
add jetstream permissions, add dynamic inertia module loading, add shadcn components, change modals and dropdowns to shadcn dismissable layer,
32 lines
1020 B
Vue
32 lines
1020 B
Vue
<script setup lang="ts">
|
|
import DayOverviewCardChart from '@/Components/Dashboard/DayOverviewCardChart.vue';
|
|
|
|
defineProps<{
|
|
date: string;
|
|
duration: number;
|
|
history: number[];
|
|
}>();
|
|
import {
|
|
formatHumanReadableDate,
|
|
formatHumanReadableDuration,
|
|
} from '@/packages/ui/src/utils/time';
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="px-3.5 py-2 flex justify-between @container border-b border-card-background-separator">
|
|
<div class="flex items-center min-w-[70px]">
|
|
<p class="font-semibold text-sm text-text-primary">
|
|
{{ formatHumanReadableDate(date) }}
|
|
</p>
|
|
</div>
|
|
<div class="items-center justify-center flex-1 hidden @2xs:flex">
|
|
<DayOverviewCardChart :history="history"></DayOverviewCardChart>
|
|
</div>
|
|
<div
|
|
class="flex text-sm items-center justify-center text-text-secondary min-w-[65px] font-semibold">
|
|
{{ formatHumanReadableDuration(duration) }}
|
|
</div>
|
|
</div>
|
|
</template>
|