One more mobile layout

fsws · Oct 6, 2021 · eb1d31e · eb1d31e
1 parent 30eb72e
commit eb1d31e
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/docs/.vuepress/components/guide/datepicker/time-adjust-range.vue b/docs/.vuepress/components/guide/datepicker/time-adjust-range.vue
@@ -1,10 +1,8 @@
 <template>
   <div class="example">
-    <div class="flex">
-      <div class="flex-shrink">
-        <v-date-picker v-model="range" :model-config="modelConfig" is-range />
-      </div>
-      <div class="flex-grow ml-4 text-sm">
+    <div class="flex flex-col items-center md:flex-row md:items-start">
+      <v-date-picker v-model="range" :model-config="modelConfig" is-range />
+      <div class="flex-grow mt-4 md:ml-4 text-sm">
         <h4 class="text-gray-700">Select Date Range</h4>
         <div class="flex">
           <span class="inline-block w-16 font-semibold text-gray-600"