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>
%sveltekit.head%
</head>
<body data-theme="skeleton">
<body data-theme="wintry">
<div id="svelte">%sveltekit.body%</div>
</body>
</html>

4
src/app.postcss
View File

@@ -2,3 +2,7 @@
@tailwind base;
@tailwind components;
@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>
<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">
<label>
<label class="text-slate-600">
Tenant
<input name="tenant" placeholder={``} bind:value={tenant} class="input p-2" />
</label>
<label>
<label class="text-slate-600">
Domain
<input name="domain" placeholder={``} bind:value={domain} class="input p-2" />
</label>
<label>
<label class="text-slate-600">
API Base URL
<input
name="baseUrl"
@@ -42,7 +46,7 @@
/>
</label>
<label>
<label class="text-slate-600">
Tenant URL
<input
name="tenantUrl"
@@ -52,7 +56,9 @@
/>
</label>
<button>login</button>
<button type="button" class="btn variant-filled-primary w-full mt-2 text-slate-50 text-lg">
login
</button>
</form>
</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: [
// 4. Append the Skeleton plugin (after other plugins)
skeleton({
themes: { preset: ['skeleton'] },
themes: { preset: ['wintry'] },
}),
],
} satisfies Config;