LukeParke/ui-development-kit
1
0
Fork 0
mirror of https://github.com/LukeHagar/ui-development-kit.git synced 2025-12-06 12:57:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

added some styling for login page

Browse Source
This commit is contained in:
Philip Ellis
2023-09-19 13:46:20 -05:00
parent 468be9f633
commit d64acda9a6
5 changed files with 17 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app.html
View File

@@ -7,7 +7,7 @@
<title>Sveltekit + Electron yeah</title> <title>Sveltekit + Electron yeah</title>
%sveltekit.head% %sveltekit.head%
</head> </head>
<body data-theme="skeleton"> <body data-theme="wintry">
<div id="svelte">%sveltekit.body%</div> <div id="svelte">%sveltekit.body%</div>
</body> </body>
</html> </html>

4
src/app.postcss
View File

@@ -2,3 +2,7 @@
@tailwind base; @tailwind base;
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
:root [data-theme='wintry'] {
--theme-rounded-base: 5px;
--theme-rounded-container: 4px;
}

16
src/routes/+page.svelte
View File

@@ -23,16 +23,20 @@
</script> </script>
<main class="p-4"> <main class="p-4">
<img src="/SailPoint-Developer-Community-Lockup.png" alt="sailPoint Logo" />
<div class="text-2xl text-slate-500 divide-dashed divide-y-2 mt-4 mb-2">
Enter your tenant information to continue
</div>
<form method="POST"> <form method="POST">
<label> <label class="text-slate-600">
Tenant Tenant
<input name="tenant" placeholder={``} bind:value={tenant} class="input p-2" /> <input name="tenant" placeholder={``} bind:value={tenant} class="input p-2" />
</label> </label>
<label> <label class="text-slate-600">
Domain Domain
<input name="domain" placeholder={``} bind:value={domain} class="input p-2" /> <input name="domain" placeholder={``} bind:value={domain} class="input p-2" />
</label> </label>
<label> <label class="text-slate-600">
API Base URL API Base URL
<input <input
name="baseUrl" name="baseUrl"
@@ -42,7 +46,7 @@
/> />
</label> </label>
<label> <label class="text-slate-600">
Tenant URL Tenant URL
<input <input
name="tenantUrl" name="tenantUrl"
@@ -52,7 +56,9 @@
/> />
</label> </label>
<button>login</button> <button type="button" class="btn variant-filled-primary w-full mt-2 text-slate-50 text-lg">
login
</button>
</form> </form>
</main> </main>

BIN
static/SailPoint-Developer-Community-Lockup.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

2
tailwind.config.ts
View File

@@ -18,7 +18,7 @@ const config = {
plugins: [ plugins: [
// 4. Append the Skeleton plugin (after other plugins) // 4. Append the Skeleton plugin (after other plugins)
skeleton({ skeleton({
themes: { preset: ['skeleton'] }, themes: { preset: ['wintry'] },
}), }),
], ],
} satisfies Config; } satisfies Config;