Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Package updates and minor clean up.

Browse Source
This commit is contained in:
Scott Idem
2025-04-18 10:44:06 -04:00
parent 3d2ff02f8c
commit 204f2ed988
4 changed files with 35 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
README_guidelines.md
View File

@@ -39,11 +39,13 @@ Waiting to upgrade to 4.x when ShadCN is ready. ShadCN is still being worked on
## ShadCN (Tailwind Components)
* https://ui.shadcn.com/docs
* https://github.com/shadcn-ui/ui
## Skeleton (Design System, Tailwind Components, Functional Components)
Waiting to upgrade to Skeleton v3. Mostly because of the Tailwind 4.x upgrade needed for ShadCN.
* https://www.skeleton.dev/docs/get-started/migrate-from-v2
## Flowbite (Tailwind Components)

38
package-lock.json generated
View File

@@ -28,7 +28,7 @@
"@playwright/test": "^1.28.1",
"@skeletonlabs/skeleton": "^2.0.0",
"@skeletonlabs/tw-plugin": "^0.4.0",
"@sveltejs/adapter-auto": "^5.0.0",
"@sveltejs/adapter-auto": "^6.0.0",
"@sveltejs/adapter-node": "^5.0.0",
"@sveltejs/adapter-static": "^3.0.1",
"@sveltejs/kit": "^2.5.0",
@@ -70,7 +70,7 @@
"flowbite": "^3.0.0",
"highlight.js": "^11.10.0",
"lowlight": "^3.2.0",
"mode-watcher": "^0.5.0",
"mode-watcher": "^1.0.0",
"postcss": "^8.4.41",
"prettier": "^3.1.1",
"prettier-plugin-svelte": "^3.1.2",
@@ -1419,9 +1419,9 @@
}
},
"node_modules/@sveltejs/adapter-auto": {
"version": "5.0.0",
"resolved": "https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-5.0.0.tgz",
"integrity": "sha512-r645Oerr5E9pVX8Xk8ZkObRq/915y5HfZQjFFv4opbstvqQqHfgMhm46tR0iDDKqydZOgJCPa6RdQXh6i7G/2g==",
"version": "6.0.0",
"resolved": "https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-6.0.0.tgz",
"integrity": "sha512-7mR2/G7vlXakaOj6QBSG9dwBfTgWjV+UnEMB5Z6Xu0ZbdXda6c0su1fNkg0ab0zlilSkloMA2NjCna02/DR7sA==",
"dev": true,
"license": "MIT",
"dependencies": {
@@ -4881,13 +4881,33 @@
}
},
"node_modules/mode-watcher": {
"version": "0.5.1",
"resolved": "https://registry.npmjs.org/mode-watcher/-/mode-watcher-0.5.1.tgz",
"integrity": "sha512-adEC6T7TMX/kzQlaO/MtiQOSFekZfQu4MC+lXyoceQG+U5sKpJWZ4yKXqw846ExIuWJgedkOIPqAYYRk/xHm+w==",
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/mode-watcher/-/mode-watcher-1.0.2.tgz",
"integrity": "sha512-b3ghU4F4kZeRHHPlsVeCltBgYRHNr7HNyT9JTlvIIvuob7Vulu7iKCfaKNU4FGugBIFWyK5q4bDhqCeZy3Cuxw==",
"dev": true,
"license": "MIT",
"dependencies": {
"runed": "^0.25.0",
"svelte-toolbelt": "^0.7.1"
},
"peerDependencies": {
"svelte": "^4.0.0 || ^5.0.0-next.1"
"svelte": "^5.27.0"
}
},
"node_modules/mode-watcher/node_modules/runed": {
"version": "0.25.0",
"resolved": "https://registry.npmjs.org/runed/-/runed-0.25.0.tgz",
"integrity": "sha512-7+ma4AG9FT2sWQEA0Egf6mb7PBT2vHyuHail1ie8ropfSjvZGtEAx8YTmUjv/APCsdRRxEVvArNjALk9zFSOrg==",
"dev": true,
"funding": [
"https://github.com/sponsors/huntabyte",
"https://github.com/sponsors/tglide"
],
"dependencies": {
"esm-env": "^1.0.0"
},
"peerDependencies": {
"svelte": "^5.7.0"
}
},
"node_modules/mri": {

4
package.json
View File

@@ -20,7 +20,7 @@
"@playwright/test": "^1.28.1",
"@skeletonlabs/skeleton": "^2.0.0",
"@skeletonlabs/tw-plugin": "^0.4.0",
"@sveltejs/adapter-auto": "^5.0.0",
"@sveltejs/adapter-auto": "^6.0.0",
"@sveltejs/adapter-node": "^5.0.0",
"@sveltejs/adapter-static": "^3.0.1",
"@sveltejs/kit": "^2.5.0",
@@ -62,7 +62,7 @@
"flowbite": "^3.0.0",
"highlight.js": "^11.10.0",
"lowlight": "^3.2.0",
"mode-watcher": "^0.5.0",
"mode-watcher": "^1.0.0",
"postcss": "^8.4.41",
"prettier": "^3.1.1",
"prettier-plugin-svelte": "^3.1.2",

60
src/lib/element_sign_in_out.svelte
View File

@@ -737,64 +737,6 @@ async function handle_change_password() {
</Modal>
{/if}
<style lang="scss">
/* BEGIN: AE's Svelte Quick Access Type component */
#AE-Sign-In-Out {
// outline: red solid thin;
// position: absolute;
position: fixed;
// position: relative;
// position: static;
// position: sticky;
/* top: 1em; */
bottom: 1.5rem;
left: 0rem;
padding: .5rem;
/* lightyellow */
/* background-color: hsla(60,100%,90%,.30); */
/* background-color: rgba(var(--color-surface-500) / .5); */
border-top: solid thin hsla(0,0%,0%,.25);
border-right: solid thin hsla(0,0%,0%,.25);
border-bottom: solid thin hsla(0,0%,0%,.25);
border-top-right-radius: .5em;
border-bottom-right-radius: .5em;
opacity: .15;
// opacity: .85;
/* opacity: 1; */
font-size: .75rem;
z-index: 5;
/* NOTE: transition when no longer hovering */
transition-property: opacity, background-color;
transition-delay: 3.25s;
transition-duration: .75s;
transition-timing-function: ease-out;
}
#AE-Sign-In-Out:hover {
/* lightyellow */
/* background-color: hsla(60,100%,90%,.95); */
/* background-color: rgba(var(--color-surface-500) / 1); */
// Doing this to give it more space. Especially for password managers
// top: 65%;
border-top: solid thin hsla(0,0%,0%,.95);
border-right: solid thin hsla(0,0%,0%,.95);
border-bottom: solid thin hsla(0,0%,0%,.95);
opacity: 1;
/* NOTE: transition when hover starts */
transition-property: opacity, background-color;
transition-delay: .5s;
transition-duration: .25s;
transition-timing-function: ease-in;
}
</style>