mirror of
https://github.com/coracle-social/flotilla.git
synced 2025-12-11 03:17:02 +00:00
Remove themes page
This commit is contained in:
@@ -11,7 +11,8 @@
|
|||||||
|
|
||||||
const next = () => {
|
const next = () => {
|
||||||
window.open("https://relay.tools/signup")
|
window.open("https://relay.tools/signup")
|
||||||
pushModal(SpaceInviteAccept)
|
|
||||||
|
setTimeout(() => pushModal(SpaceInviteAccept), 300)
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@@ -1,27 +0,0 @@
|
|||||||
<script lang="ts">
|
|
||||||
import {fly} from "@lib/transition"
|
|
||||||
import Icon from "@lib/components/Icon.svelte"
|
|
||||||
import Page from "@lib/components/Page.svelte"
|
|
||||||
import SecondaryNav from "@lib/components/SecondaryNav.svelte"
|
|
||||||
import SecondaryNavItem from "@lib/components/SecondaryNavItem.svelte"
|
|
||||||
import SecondaryNavSection from "@lib/components/SecondaryNavSection.svelte"
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<SecondaryNav>
|
|
||||||
<SecondaryNavSection>
|
|
||||||
<div in:fly>
|
|
||||||
<SecondaryNavItem href="/discover">
|
|
||||||
<Icon icon="widget" /> Spaces
|
|
||||||
</SecondaryNavItem>
|
|
||||||
</div>
|
|
||||||
<div in:fly={{delay: 50}}>
|
|
||||||
<SecondaryNavItem href="/discover/themes">
|
|
||||||
<Icon icon="pallete-2" /> Themes
|
|
||||||
</SecondaryNavItem>
|
|
||||||
</div>
|
|
||||||
</SecondaryNavSection>
|
|
||||||
</SecondaryNav>
|
|
||||||
|
|
||||||
<Page>
|
|
||||||
<slot />
|
|
||||||
</Page>
|
|
||||||
@@ -6,6 +6,7 @@
|
|||||||
import {relays, createSearch, relaySelections} from "@welshman/app"
|
import {relays, createSearch, relaySelections} from "@welshman/app"
|
||||||
import {createScroller} from "@lib/html"
|
import {createScroller} from "@lib/html"
|
||||||
import Icon from "@lib/components/Icon.svelte"
|
import Icon from "@lib/components/Icon.svelte"
|
||||||
|
import Page from "@lib/components/Page.svelte"
|
||||||
import Button from "@lib/components/Button.svelte"
|
import Button from "@lib/components/Button.svelte"
|
||||||
import PageHeader from "@lib/components/PageHeader.svelte"
|
import PageHeader from "@lib/components/PageHeader.svelte"
|
||||||
import RelayName from "@app/components/RelayName.svelte"
|
import RelayName from "@app/components/RelayName.svelte"
|
||||||
@@ -72,7 +73,8 @@
|
|||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="content column gap-4" bind:this={element}>
|
<Page>
|
||||||
|
<div class="content column gap-4" bind:this={element}>
|
||||||
<PageHeader>
|
<PageHeader>
|
||||||
<div slot="title">Discover Spaces</div>
|
<div slot="title">Discover Spaces</div>
|
||||||
<div slot="info">Find communities all across the nostr network</div>
|
<div slot="info">Find communities all across the nostr network</div>
|
||||||
@@ -123,4 +125,5 @@
|
|||||||
{/if}
|
{/if}
|
||||||
</Button>
|
</Button>
|
||||||
{/each}
|
{/each}
|
||||||
</div>
|
</div>
|
||||||
|
</Page>
|
||||||
|
|||||||
@@ -1,31 +0,0 @@
|
|||||||
<script lang="ts">
|
|
||||||
import themes from "daisyui/src/theming/themes"
|
|
||||||
import {identity} from "@welshman/lib"
|
|
||||||
import {createSearch} from "@welshman/app"
|
|
||||||
import Icon from "@lib/components/Icon.svelte"
|
|
||||||
import PageHeader from "@lib/components/PageHeader.svelte"
|
|
||||||
import {theme} from "@app/theme"
|
|
||||||
|
|
||||||
let term = ""
|
|
||||||
|
|
||||||
const searchThemes = createSearch(Object.keys(themes), {getValue: identity})
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<div class="content column gap-4">
|
|
||||||
<PageHeader>
|
|
||||||
<div slot="title">Discover Themes</div>
|
|
||||||
<div slot="info">Make your community feel like home</div>
|
|
||||||
</PageHeader>
|
|
||||||
<label class="input input-bordered flex w-full items-center gap-2">
|
|
||||||
<Icon icon="magnifer" />
|
|
||||||
<input bind:value={term} class="grow" type="text" placeholder="Search for themes..." />
|
|
||||||
</label>
|
|
||||||
<div class="grid grid-cols-2 gap-4 md:grid-cols-2">
|
|
||||||
{#each searchThemes.searchValues(term) as name}
|
|
||||||
<div class="card2 bg-alt flex flex-col justify-center gap-4 shadow-xl" data-theme={name}>
|
|
||||||
<h2 class="card2 bg-alt text-center capitalize">{name}</h2>
|
|
||||||
<button class="btn btn-primary w-full" on:click={() => theme.set(name)}>Use Theme</button>
|
|
||||||
</div>
|
|
||||||
{/each}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,4 +1,7 @@
|
|||||||
import daisyui from "daisyui"
|
import daisyui from "daisyui"
|
||||||
|
import themes from "daisyui/src/theming/themes"
|
||||||
|
|
||||||
|
console.log(themes["dark"])
|
||||||
|
|
||||||
/** @type {import('tailwindcss').Config} */
|
/** @type {import('tailwindcss').Config} */
|
||||||
export default {
|
export default {
|
||||||
@@ -20,38 +23,11 @@ export default {
|
|||||||
plugins: [daisyui],
|
plugins: [daisyui],
|
||||||
daisyui: {
|
daisyui: {
|
||||||
themes: [
|
themes: [
|
||||||
"light",
|
{
|
||||||
"dark",
|
dark: {
|
||||||
"cupcake",
|
...themes["dark"],
|
||||||
"bumblebee",
|
},
|
||||||
"emerald",
|
},
|
||||||
"corporate",
|
|
||||||
"synthwave",
|
|
||||||
"retro",
|
|
||||||
"cyberpunk",
|
|
||||||
"valentine",
|
|
||||||
"halloween",
|
|
||||||
"garden",
|
|
||||||
"forest",
|
|
||||||
"aqua",
|
|
||||||
"lofi",
|
|
||||||
"pastel",
|
|
||||||
"fantasy",
|
|
||||||
"wireframe",
|
|
||||||
"black",
|
|
||||||
"luxury",
|
|
||||||
"dracula",
|
|
||||||
"cmyk",
|
|
||||||
"autumn",
|
|
||||||
"business",
|
|
||||||
"acid",
|
|
||||||
"lemonade",
|
|
||||||
"night",
|
|
||||||
"coffee",
|
|
||||||
"winter",
|
|
||||||
"dim",
|
|
||||||
"nord",
|
|
||||||
"sunset",
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user