diff --git a/src/components/Schedule.vue b/src/components/Schedule.vue index 067f657..082827e 100644 --- a/src/components/Schedule.vue +++ b/src/components/Schedule.vue @@ -2,20 +2,36 @@ h1(v-if="isValid(startDate)") {{format(startDate, "MMMM y", {locale: de})}} -table(class='table' v-for="(row, rIndex) in dates" :key="rIndex") +table(class='table table-sm' v-for="(row, rIndex) in dates" :key="rIndex") thead tr - td(v-for="(day, index) in weekdays" :key="index") {{ day }} + td(style="width: 200px") + td(v-for="(day, index) in weekdays" :key="index" :class="{'text-body text-opacity-25' : row[index] === null}") {{ day }} tr + td td(v-for="(date, dIndex) in row" :key="dIndex") template(v-if="date !== null") {{ format(date, "dd.MM.")}} tbody - tr + tr() + td {{}} td(v-for="(date, dIndex) in row" :key="dIndex")   + tr() + td(style="width: 250px") + o-autocomplete( + :keep-first="true" + :open-on-focus="true" + inputClass="form-control form-control-sm" + ) + td(v-for="(date, dIndex) in row" :key="dIndex")   + + +