koro

commit bcc49b792c1f0005a22ff0a43a88ddb962144dc4
parent 06c4bfb51730ab824f2dc0c7695940d22f8f4e24
Author: mokou <mokou@posteo.de>
Date:   Thu, 21 May 2020 21:11:56 +0200

feat: Widen date time grid

Diffstat:
M
src/components/DateTimeGrid.svelte
 | 
6
+++---
M
src/pages/Index.svelte
 | 
8
++++----

2 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/src/components/DateTimeGrid.svelte b/src/components/DateTimeGrid.svelte
@@ -11,7 +11,7 @@
   let datesDay2 = []
   let day3 = null
   let datesDay3 = []
-  let view = [25, 30]
+  let view = [25, 35]
   initDays(day(startDate))
 
   function initDays(start) {
@@ -61,7 +61,7 @@
   }
 </script>
 
-<div class="grid grid-cols-6 w-full datetimegrid">
+<div class="grid grid-cols-11 w-full max-w-5xl datetimegrid">
   <div class="text-center hover:cursor-pointer" on:click={previousDay}>
     {day1.date() === day(startDate).date() ? '' : '▲'}
   </div>
@@ -70,7 +70,7 @@
     on:click={() => (view = view[0] !== 0 ? [view[0] - 1, view[1] - 1] : view)}>
     {view[0] !== 0 ? '‹' : ''}
   </div>
-  <div class="col-span-3" />
+  <div class="col-span-8" />
   <div
     class="text-center hover:cursor-pointer"
     on:click={() => (view = [view[0] + 1, view[1] + 1])}>
diff --git a/src/pages/Index.svelte b/src/pages/Index.svelte
@@ -130,9 +130,9 @@
     </label>
     <div id="duration-mount" class="mb-5" />
     <label class="font-bold text-gray-600">Event start times</label>
-    <DateTimeGrid startDate={new Date()} bind:selected={event.times} />
-    <button class="btn mt-5" type="submit" disabled={submitting}>
-      Create event
-    </button>
   </form>
+  <DateTimeGrid startDate={new Date()} bind:selected={event.times} />
+  <button class="btn mt-5" type="submit" disabled={submitting}>
+    Create event
+  </button>
 {/if}