Commit 330f4889 authored by christianrhansen's avatar christianrhansen

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

parent 50141fd9
<template lang="pug"> <template lang="pug">
div div
q-datetime-picker.full-width(v-model="datetimeInternal", type="date", dark) 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> </template>
<script> <script>
......
...@@ -4,13 +4,13 @@ ...@@ -4,13 +4,13 @@
// CALENDAR // CALENDAR
// //
.col-xs-12.col-lg-6 .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") calendar(@update="onUpdateDate", :datetime="datetimeInternal")
// TIME // TIME
// //
.col-xs-12.col-lg-6 .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") slider-time(@update="onUpdateTime", :datetime="datetimeInternal")
</template> </template>
...@@ -73,3 +73,10 @@ ...@@ -73,3 +73,10 @@
} }
} }
</script> </script>
<style scoped lang="stylus">
@import '~variables'
.ui-border-bottom
border-color #999
</style>
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
slider-time-row(v-if="datetimeParsed", v-for="row in rows", slider-time-row(v-if="datetimeParsed", v-for="row in rows",
@update="onSliderUpdate", :value="datetimeParsed[row.type]", @update="onSliderUpdate", :value="datetimeParsed[row.type]",
:key="row.type", :max="row.max", :suffix="row.suffix", :type="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> </template>
<script> <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