LukeParke/skeleton
1
0
Fork 0
mirror of https://github.com/LukeHagar/skeleton.git synced 2025-12-08 04:21:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Skeleton Plugin refactor (#1660)

Browse Source
This commit is contained in:
CokaKoala
2023-07-05 17:05:25 -04:00
committed by GitHub
parent 1034074563
commit dbd2ec03c2
108 changed files with 3989 additions and 695 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
sites/skeleton.dev/src/lib/components/DocsAppBar/DocsAppBar.svelte
View File

@@ -14,8 +14,8 @@
import { AppBar, LightSwitch, popup, modalStore } from '@skeletonlabs/skeleton';
// Stores
import { storeTheme } from '$lib/stores/stores';
import { drawerStore } from '@skeletonlabs/skeleton';
import { storeTheme } from '$lib/stores/stores';
// Local
let isOsMac = false;
@@ -66,14 +66,13 @@
// { type: 'test', name: 'Test', icon: '🚧' },
];
const setTheme: SubmitFunction = () => {
return async ({ result, update }) => {
await update();
if (result.type === 'success') {
const theme = result.data?.theme as string;
storeTheme.set(theme);
}
};
const setTheme: SubmitFunction = ({ formData }) => {
const theme = formData.get('theme')?.toString();
if (theme) {
document.body.setAttribute('data-theme', theme);
$storeTheme = theme;
}
};
</script>
@@ -151,7 +150,7 @@
<!-- Theme -->
<div>
<!-- trigger -->
<button class="btn hover:variant-soft-primary" use:popup={{ event: 'click', target: 'theme' }}>
<button class="btn hover:variant-soft-primary" use:popup={{ event: 'click', target: 'theme', closeQuery: 'a[href]' }}>
<i class="fa-solid fa-palette text-lg md:!hidden" />
<span class="hidden md:inline-block">Theme</span>
<i class="fa-solid fa-caret-down opacity-50" />