Change timesheet UI to better fit current app model and avoid adding extra clicks and interactions to add new shifts and expenses. Also refactoring calls to backend to be more efficient and use recently-finalized OIDC implementation and integration.
18 lines
594 B
Vue
18 lines
594 B
Vue
<script setup lang="ts">
|
|
const { userFirstName = '', userLastName = '' } = defineProps<{
|
|
userFirstName: string;
|
|
userLastName: string;
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<q-img
|
|
src="src/assets/profile_header_default.png"
|
|
height="15vh"
|
|
:width="$q.screen.lt.md ? '80vw' : '40vw'"
|
|
class="rounded-5 q-mb-md shadow-2 col-auto"
|
|
fit="cover"
|
|
>
|
|
<div class="absolute-bottom text-h5 text-uppercase text-weight-bolder" style="line-height: 0.8em;">{{ userFirstName }} {{ userLastName }}</div>
|
|
</q-img>
|
|
</template> |