Adjust margin/padding

mrleblanc101 · Oct 23, 2023 · 6d3a17e · 6d3a17e
1 parent 3d116c1
commit 6d3a17e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/TimeEntriesHeader.vue b/src/components/TimeEntriesHeader.vue
@@ -1,6 +1,6 @@
 <template>
     <div
-        class="sticky top-16 z-20 -mt-6 mb-3 flex w-full min-w-0 justify-between gap-2 bg-stone-50 pb-3 pt-6 dark:bg-gray-900"
+        class="sticky top-16 z-20 -mt-3 flex w-full min-w-0 justify-between gap-2 bg-stone-50 py-3 dark:bg-gray-900 md:-mt-6 md:pt-6"
     >
         <button
             type="button"

diff --git a/src/pages/index.vue b/src/pages/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="flex min-h-full max-w-full grow justify-center xl:pr-[28rem]">
-        <div class="mx-auto flex w-full max-w-5xl flex-col items-center px-4 py-6 lg:px-8">
+        <div class="mx-auto flex w-full max-w-5xl flex-col items-center px-4 py-3 md:py-6 lg:px-8">
             <TimeEntriesHeader />
             <div class="mx-auto flex w-full flex-col items-center gap-2">
                 <TimeEntry v-for="(entry, index) in todaysEntries" :key="entry.id" :entry="entry" />