Nicolas Drolet
20fcc0206c
Dashboard: Reworked carousel and added useful links. Help page: made title sections more obvious, minor UI adjustments to spacing, appearance. Timesheets: Make mobile timesheet automaticall scroll to today's date when loading. Layout: Fix UI bugs where menu labels would not appear in mobile and tray would load automatically on mobile.
42 lines
943 B
Vue
42 lines
943 B
Vue
<script
|
|
setup
|
|
lang="ts"
|
|
>
|
|
const { imageSource = "", title = "", description = "", route = "" } = defineProps<{
|
|
imageSource?: string,
|
|
title?: string,
|
|
description?: string,
|
|
route?: string,
|
|
}>();
|
|
|
|
const onClickExternalShortcut = () => {
|
|
window.open(route, '_blank')?.focus();
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<q-card
|
|
class="shortcut-card cursor-pointer"
|
|
@click="onClickExternalShortcut"
|
|
>
|
|
<q-img
|
|
:src="imageSource"
|
|
fit="contain"
|
|
>
|
|
<div class="absolute-bottom text-uppercase text-weight-bolder text-center">{{ title }}</div>
|
|
</q-img>
|
|
|
|
<q-card-section v-if="description">
|
|
<span>{{ description }}</span>
|
|
</q-card-section>
|
|
</q-card>
|
|
</template>
|
|
|
|
<style
|
|
lang="sass"
|
|
scoped
|
|
>
|
|
.shortcut-card
|
|
width: 100%
|
|
max-width: 250px
|
|
</style> |