diff --git a/src/components/common/RightMenu.vue b/src/components/common/RightMenu.vue index f0a95b0df..732e5367d 100644 --- a/src/components/common/RightMenu.vue +++ b/src/components/common/RightMenu.vue @@ -46,7 +46,7 @@ const stateStore = useStateStore(); </div> </Teleport> <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above> - <QScrollArea class="fit text-grey-8"> + <QScrollArea class="fit"> <div id="right-panel"></div> <slot v-if="!hasContent" name="right-panel" /> </QScrollArea> diff --git a/src/pages/Worker/Card/WorkerTimeControl.vue b/src/pages/Worker/Card/WorkerTimeControl.vue index 7bce5983c..5b337a5c6 100644 --- a/src/pages/Worker/Card/WorkerTimeControl.vue +++ b/src/pages/Worker/Card/WorkerTimeControl.vue @@ -489,7 +489,7 @@ onMounted(async () => { </QBtnGroup> </div> </Teleport> - <QDrawer v-model="stateStore.rightDrawer" side="right" :width="260" class="q-pa-md"> + <Teleport to="#right-panel" v-if="stateStore.isHeaderMounted()"> <div class="q-pa-md q-mb-md" style="border: 2px solid #222"> <QCardSection horizontal> <span class="text-weight-bold text-subtitle1 text-center full-width"> @@ -515,7 +515,34 @@ onMounted(async () => { @click-date="onInputChange" @on-moved="getMailStates" /> - </QDrawer> + </Teleport> + <!-- <QDrawer v-model="stateStore.rightDrawer" side="right" :width="260" class="q-pa-md"> + <div class="q-pa-md q-mb-md" style="border: 2px solid #222"> + <QCardSection horizontal> + <span class="text-weight-bold text-subtitle1 text-center full-width"> + {{ t('Hours') }} + </span> + </QCardSection> + <QCardSection class="column items-center" horizontal> + <div> + <span class="details-label">{{ t('Total semana') }} </span> + <span>: {{ formattedWeekTotalHours }}</span> + </div> + <div> + <span class="details-label">{{ t('Termina a las') }}: </span> + <span>{{ dashIfEmpty(getFinishTime()) }}</span> + </div> + </QCardSection> + </div> + <WorkerTimeControlCalendar + v-model:model-value="selectedDateFormatted" + :selected-dates="selectedCalendarDates" + :active-date="false" + :worker-time-control-mails="workerTimeControlMails" + @click-date="onInputChange" + @on-moved="getMailStates" + /> + </QDrawer> --> <QPage class="column items-center"> <QTable :columns="columns" :rows="['']" hide-bottom class="full-width"> <template #header="props">