REAEME and pnpm format

README.md

@@ -21,6 +21,22 @@ Now you should be able to run the app in development mode:
 $ pnpm tauri dev
 ```
 
+### Running Storybook
+
+Storybook is our easy way to view our app components. Running the following command will launch Storybook in your default browser.
+
+```bash
+$ pnpm storybook dev
+```
+
+### Linting
+
+Pull requests will not pass unless files are linted for proper Tailwind formatting.
+
+```bash
+$ pnpm format
+```
+
 ## building
 
 To build the app in production mode, run:

src/routes/projects/[projectId]/commit/+page.svelte

@@ -190,11 +190,14 @@
 	</svelte:fragment>
 </Dialog>
 <div id="commit-page" class="flex h-full w-full">
-	<div class="commit-panel-container border-r border-zinc-700 p-4 pt-2 flex flex-col">
+	<div class="commit-panel-container flex flex-col border-r border-zinc-700 p-4 pt-2">
 		<h1 class="pb-2 text-xl font-bold">Commit</h1>
 
-		<form on:submit|preventDefault={onCommit} class="flex w-1/3 min-w-[500px] flex-col gap-4 h-full">
+		<form
-			<ul class="flex w-full flex-col rounded border border-gb-700 bg-card-default pb-1 h-full">
+			on:submit|preventDefault={onCommit}
+			class="flex h-full w-1/3 min-w-[500px] flex-col gap-4"
+		>
+			<ul class="flex h-full w-full flex-col rounded border border-gb-700 bg-card-default pb-1">
 				<header class="flex w-full items-center rounded-tl rounded-tr bg-card-active p-2">
 					<input
 						type="checkbox"
@@ -370,8 +373,6 @@
 		max-height: calc(100vh - 200px);
 	}
 
-
-
 	/**
 	* ==============================================
 	* Dot Typing