✨ - add fields to signup page

Devaunch · Mar 27, 2024 · 0e9c107 · 0e9c107
1 parent 48be48d
commit 0e9c107
Show file tree

Hide file tree

Showing 22 changed files with 660 additions and 80 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -4,5 +4,7 @@
 	},
 	"editor.quickSuggestions": {
 		"strings": "on"
-	}
+	},
+	"editor.cursorBlinking": "smooth",
+	"editor.cursorSmoothCaretAnimation": "on"
 }
diff --git a/package.json b/package.json
@@ -6,7 +6,8 @@
 		"dev": "vite dev",
 		"build": "vite build",
 		"preview": "vite preview",
-		"test": "playwright test",
+		"test:dev": "@powershell -NoProfile -ExecutionPolicy Unrestricted -Command ./scripts/test_dev.ps1",
+		"test:prod": "playwright test",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"lint": "prettier --check . && eslint .",
@@ -15,7 +16,6 @@
 	"devDependencies": {
 		"@melt-ui/pp": "^0.3.0",
 		"@melt-ui/svelte": "^0.76.0",
-		"@playwright/test": "^1.28.1",
 		"@sveltejs/adapter-auto": "^3.0.0",
 		"@sveltejs/kit": "^2.0.0",
 		"@sveltejs/vite-plugin-svelte": "^3.0.0",
@@ -35,8 +35,11 @@
 	},
 	"type": "module",
 	"dependencies": {
+		"@internationalized/date": "^3.5.2",
 		"autoprefixer": "^10.4.18",
+		"lucide-svelte": "^0.359.0",
 		"postcss": "^8.4.35",
+		"svelte-ripple-action": "^1.0.6",
 		"tailwindcss": "^3.4.1"
 	}
 }
diff --git a/playwright.config.ts b/playwright.config.ts
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app.css b/src/app.css
@@ -1,3 +1,24 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,600;0,800;1,300;1,400;1,600;1,800&display=swap');
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;
+
+
+body {
+    font-family: 'Poppins', sans-serif;
+    font-weight: 400;
+}
+
+.field input:valid ~ label,
+.field input:focus ~ label {
+	transform: translateY(-50%);
+	font-size: 15px;
+	color: #fff;
+}
+
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+input:-webkit-autofill:active {
+	transition: all 1000000s ease-in-out 0s;
+}
diff --git a/src/app.html b/src/app.html
@@ -6,7 +6,7 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%sveltekit.head%
 	</head>
-	<body data-sveltekit-preload-data="hover">
+	<body data-sveltekit-preload-data="hover" class="text-dark bg-dark">
 		<div style="display: contents">%sveltekit.body%</div>
 	</body>
 </html>
diff --git a/src/lib/assets/logo.webp b/src/lib/assets/logo.webp