Commit 330f4889 authored by christianrhansen's avatar christianrhansen

styling "calender" & "time" sliders in "edit video"

parent 50141fd9
<template lang="pug">
div
q-datetime-picker.full-width(v-model="datetimeInternal", type="date", dark)
q-btn.full-width.q-mt-md.q-mb-sm(@click="setNow", label="Today", no-caps)
q-btn.full-width(@click="setNow", label="Today", flat)
</template>
<script>
......
......@@ -4,13 +4,13 @@
// CALENDAR
//
.col-xs-12.col-lg-6
q-collapsible.border-darker(group="somegroup", icon="event_note", :label="dateString")
q-collapsible.ui-border-bottom.q-px-none(group="somegroup", icon="event_note", :label="dateString")
calendar(@update="onUpdateDate", :datetime="datetimeInternal")
// TIME
//
.col-xs-12.col-lg-6
q-collapsible.border-darker(group="somegroup", icon="access_time", :label="timeString")
q-collapsible.ui-border-bottom.q-px-none(group="somegroup", icon="access_time", :label="timeString")
slider-time(@update="onUpdateTime", :datetime="datetimeInternal")
</template>
......@@ -73,3 +73,10 @@
}
}
</script>
<style scoped lang="stylus">
@import '~variables'
.ui-border-bottom
border-color #999
</style>
......@@ -3,7 +3,7 @@
slider-time-row(v-if="datetimeParsed", v-for="row in rows",
@update="onSliderUpdate", :value="datetimeParsed[row.type]",
:key="row.type", :max="row.max", :suffix="row.suffix", :type="row.type")
q-btn.full-width.q-mt-md.q-mb-sm(@click="setNow", label="Now", no-caps)
q-btn.full-width(@click="setNow", label="Now", flat)
</template>
<script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment