minor changes

MichaelHolley · Jan 18, 2025 · f08c296 · f08c296
1 parent a28cc21
commit f08c296
Show file tree

Hide file tree

Showing 10 changed files with 13 additions and 10 deletions.
diff --git a/...ib/components/Habit/ActivityBubble.svelte → ...ents/Habit/ActivityBubbleComponent.svelte b/...ib/components/Habit/ActivityBubble.svelte → ...ents/Habit/ActivityBubbleComponent.svelte
diff --git a/...ponents/Habit/HabitActivityHistory.svelte → ...abit/HabitActivityHistoryComponent.svelte b/...ponents/Habit/HabitActivityHistory.svelte → ...abit/HabitActivityHistoryComponent.svelte
@@ -2,7 +2,7 @@
 	import dayjs from 'dayjs';
 	import isoWeek from 'dayjs/plugin/isoWeek';
 	import { onMount } from 'svelte';
-	import ActivityBubble from './ActivityBubble.svelte';
+	import ActivityBubble from './ActivityBubbleComponent.svelte';
 
 	dayjs.extend(isoWeek);
 

diff --git a/...components/Habit/HabitOverviewItem.svelte → ...s/Habit/HabitOverviewItemComponent.svelte b/...components/Habit/HabitOverviewItem.svelte → ...s/Habit/HabitOverviewItemComponent.svelte
@@ -2,7 +2,7 @@
 	import { enhance } from '$app/forms';
 	import { Prisma } from '@prisma/client';
 	import dayjs from 'dayjs';
-	import HabitActivityHistory from './HabitActivityHistory.svelte';
+	import HabitActivityHistory from './HabitActivityHistoryComponent.svelte';
 
 	let { habit } = $props();
 </script>

diff --git a/src/lib/components/Habit/HabitSummaryComponent.svelte b/src/lib/components/Habit/HabitSummaryComponent.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import dayjs from 'dayjs';
-	import ActivityBubble from './ActivityBubble.svelte';
+	import ActivityBubble from './ActivityBubbleComponent.svelte';
 
 	let { summary }: { summary: { id: string; title: string; dates: string[] }[] } = $props();
 
@@ -9,10 +9,10 @@
 
 <div class="flex flex-shrink">
 	<div class="overflow-hidden rounded-lg bg-base-200 p-4">
-		<div class="relative grid items-center gap-1 overflow-x-scroll py-2 text-[0.5rem]">
+		<div class="relative grid items-center gap-1 overflow-x-scroll py-2 text-2xs">
 			{#each summary as summaryItem}
 				<a
-					class="link-hover link sticky left-0 mr-2 bg-base-200 pr-1 text-sm"
+					class="link-hover link link-primary sticky left-0 mr-2 bg-base-200 pr-1 text-sm"
 					href="/{summaryItem.id}">{summaryItem.title}</a
 				>
 				{#each { length: 30 } as _, i}

diff --git a/src/lib/components/NavigateBackButton.svelte → ...onents/NavigateBackButtonComponent.svelte b/src/lib/components/NavigateBackButton.svelte → ...onents/NavigateBackButtonComponent.svelte
diff --git a/src/routes/(app)/+page.svelte b/src/routes/(app)/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import HabitOverviewItem from '$lib/components/Habit/HabitOverviewItem.svelte';
+	import HabitOverviewItem from '$lib/components/Habit/HabitOverviewItemComponent.svelte';
 	import LastXDays from '$lib/components/Habit/HabitSummaryComponent.svelte';
 	import type { PageServerData } from './$types';
 

diff --git a/src/routes/(app)/[id]/(habit-subpages)/+layout.svelte b/src/routes/(app)/[id]/(habit-subpages)/+layout.svelte
@@ -1,6 +1,6 @@
 <script>
 	import { page } from '$app/state';
-	import NavigateBackButton from '$lib/components/NavigateBackButton.svelte';
+	import NavigateBackButton from '$lib/components/NavigateBackButtonComponent.svelte';
 	let { children } = $props();
 </script>
 

diff --git a/src/routes/(app)/[id]/+page.svelte b/src/routes/(app)/[id]/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { enhance } from '$app/forms';
-	import HabitActivityHistory from '$lib/components/Habit/HabitActivityHistory.svelte';
-	import NavigateBackButton from '$lib/components/NavigateBackButton.svelte';
+	import HabitActivityHistory from '$lib/components/Habit/HabitActivityHistoryComponent.svelte';
+	import NavigateBackButton from '$lib/components/NavigateBackButtonComponent.svelte';
 	import dayjs from 'dayjs';
 	import type { PageData } from './$types';
 	import { Prisma } from '@prisma/client';

diff --git a/src/routes/(app)/create/+layout.svelte b/src/routes/(app)/create/+layout.svelte
@@ -1,5 +1,5 @@
 <script>
-	import NavigateBackButton from '$lib/components/NavigateBackButton.svelte';
+	import NavigateBackButton from '$lib/components/NavigateBackButtonComponent.svelte';
 	let { children } = $props();
 </script>
 

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -7,6 +7,9 @@ export default {
 		extend: {
 			screens: {
 				xs: '480px'
+			},
+			fontSize: {
+				'2xs': '.5rem'
 			}
 		}
 	},