[events] Fixed minor optical issues
This commit is contained in:
parent
77bb463e5e
commit
218e41e94a
|
@ -43,7 +43,6 @@
|
||||||
label="Beschreibung"
|
label="Beschreibung"
|
||||||
type="textarea"
|
type="textarea"
|
||||||
filled
|
filled
|
||||||
:rules="[notEmpty]"
|
|
||||||
/>
|
/>
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
<q-btn label="Schicht löschen" color="negative" :disabled="jobCanDelete" @click="removeJob" />
|
<q-btn label="Schicht löschen" color="negative" :disabled="jobCanDelete" @click="removeJob" />
|
||||||
|
|
|
@ -1,10 +1,10 @@
|
||||||
<template>
|
<template>
|
||||||
<q-card
|
<q-card
|
||||||
class="background: radial-gradient(circle, #35a2ff 0%, #014a88 100%) justify-start content-center items-center rounded-borders border-primary shadow-5 q-mb-xs"
|
class="justify-start content-center items-center rounded-borders border-primary shadow-5 q-mb-xs"
|
||||||
bordered
|
bordered
|
||||||
>
|
>
|
||||||
<header class="text-primary q-px-xs">
|
<header class="text-primary q-px-xs">
|
||||||
<div class="col text-weight-bolder ellipsis">
|
<div class="col text-weight-bolder">
|
||||||
{{ event.type.name }}
|
{{ event.type.name }}
|
||||||
</div>
|
</div>
|
||||||
<div v-if="event.description" class="col text-weight-medium" style="font-size: 10px">
|
<div v-if="event.description" class="col text-weight-medium" style="font-size: 10px">
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<q-card>
|
<q-card-section>
|
||||||
<div class="text-weight-medium q-px-xs">
|
<div class="text-weight-medium q-px-xs">
|
||||||
{{ asHour(modelValue.start) }}
|
{{ asHour(modelValue.start) }}
|
||||||
<template v-if="modelValue.end">- {{ asHour(modelValue.end) }}</template>
|
<template v-if="modelValue.end">- {{ asHour(modelValue.end) }}</template>
|
||||||
|
@ -31,7 +31,7 @@
|
||||||
<q-btn v-if="isEnrolled" flat color="negative" label="Austragen" @click="signOutFromJob" />
|
<q-btn v-if="isEnrolled" flat color="negative" label="Austragen" @click="signOutFromJob" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</q-card>
|
</q-card-section>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
|
|
Loading…
Reference in New Issue