jcreek/LivingDexTracker
1
0
Fork 0
mirror of https://github.com/jcreek/LivingDexTracker.git synced 2026-07-13 11:03:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #14 from jcreek/13-add-daisyui

Browse Source 
build(#13): Add DaisyUI
This commit is contained in:
Josh Creek
2024-04-07 15:29:54 +01:00
committed by GitHub
parent 364b593f08 21f8d35bb7
commit ab225b661f
10 changed files with 992 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.gitignore
+1
View File
@@ -8,3 +8,4 @@ node_modules
!.env.example !.env.example
vite.config.js.timestamp-* vite.config.js.timestamp-*
vite.config.ts.timestamp-* vite.config.ts.timestamp-*
/static/output.css
package-lock.json
Generated
+958
View File
File diff suppressed because it is too large Load Diff
package.json
+4
View File
@@ -19,13 +19,17 @@
"@types/eslint": "^8.56.0", "@types/eslint": "^8.56.0",
"@typescript-eslint/eslint-plugin": "^7.0.0", "@typescript-eslint/eslint-plugin": "^7.0.0",
"@typescript-eslint/parser": "^7.0.0", "@typescript-eslint/parser": "^7.0.0",
"autoprefixer": "^10.4.19",
"daisyui": "^4.10.1",
"eslint": "^8.56.0", "eslint": "^8.56.0",
"eslint-config-prettier": "^9.1.0", "eslint-config-prettier": "^9.1.0",
"eslint-plugin-svelte": "^2.35.1", "eslint-plugin-svelte": "^2.35.1",
"postcss": "^8.4.38",
"prettier": "^3.1.1", "prettier": "^3.1.1",
"prettier-plugin-svelte": "^3.1.2", "prettier-plugin-svelte": "^3.1.2",
"svelte": "^4.2.7", "svelte": "^4.2.7",
"svelte-check": "^3.6.0", "svelte-check": "^3.6.0",
"tailwindcss": "^3.4.3",
"tslib": "^2.4.1", "tslib": "^2.4.1",
"typescript": "^5.0.0", "typescript": "^5.0.0",
"vite": "^5.0.3" "vite": "^5.0.3"
postcss.config.js
+6
View File
@@ -0,0 +1,6 @@
export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}
src/app.html
+1
View File
@@ -5,6 +5,7 @@
<link rel="icon" href="%sveltekit.assets%/favicon.png" /> <link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head% %sveltekit.head%
<link rel="stylesheet" href="%sveltekit.assets%/output.css" />
</head> </head>
<body data-sveltekit-preload-data="hover"> <body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div> <div style="display: contents">%sveltekit.body%</div>
src/lib/components/SignUp.svelte
+8 -2
View File
@@ -28,6 +28,12 @@
} }
</script> </script>
<input type="email" bind:value={email} placeholder="Email" /> <input
type="text"
placeholder="Email"
class="input input-bordered w-full max-w-xs"
bind:value={email}
/>
<input type="password" bind:value={password} placeholder="Password" /> <input type="password" bind:value={password} placeholder="Password" />
<button on:click={signUpNewUser}>Sign Up</button> <button class="btn btn-secondary" on:click={signUpNewUser}>Sign Up</button>
src/routes/+layout.svelte
+1
View File
@@ -1,4 +1,5 @@
<script lang="ts"> <script lang="ts">
import 'tailwindcss/tailwind.css';
</script> </script>
<main> <main>
src/routes/+page.svelte
+2
View File
@@ -58,3 +58,5 @@
<PokemonSprite pokedexNumber={666} form={''} /> <PokemonSprite pokedexNumber={666} form={''} />
<PokemonSprite pokedexNumber={'003'} form={''} /> <PokemonSprite pokedexNumber={'003'} form={''} />
</div> </div>
<div class="bg-blue-500 text-white p-4">This is a component styled with Tailwind CSS</div>
static/input.css
+3
View File
@@ -0,0 +1,3 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
tailwind.config.js
+8
View File
@@ -0,0 +1,8 @@
/** @type {import('tailwindcss').Config} */
export default {
content: ['./src/routes/**/*.{svelte,js,ts}'],
theme: {
extend: {}
},
plugins: [require('daisyui')]
};