removed theme switcher, always uses dark theme
This commit is contained in:
@@ -15,7 +15,7 @@ func getFooterItems() []FooterItem {
|
||||
// Returns the template fragment for the Footer
|
||||
templ Footer() {
|
||||
<footer class="bg-mantle mt-10">
|
||||
<div class="relative mx-auto max-w-screen-xl px-4 py-8 sm:px-6 lg:px-8">
|
||||
<div class="relative mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:px-8">
|
||||
@backToTopButton()
|
||||
<div class="lg:flex lg:items-end lg:justify-between">
|
||||
@footerBranding()
|
||||
@@ -23,7 +23,6 @@ templ Footer() {
|
||||
</div>
|
||||
<div class="lg:flex lg:items-end lg:justify-between">
|
||||
@footerCopyright()
|
||||
@themeSelector()
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
@@ -91,38 +90,3 @@ templ footerCopyright() {
|
||||
</p>
|
||||
</div>
|
||||
}
|
||||
|
||||
templ themeSelector() {
|
||||
<div>
|
||||
<div class="mt-2 text-center">
|
||||
<label for="theme-select" class="hidden lg:inline">Theme</label>
|
||||
<select
|
||||
name="ThemeSelect"
|
||||
id="theme-select"
|
||||
class="mt-1.5 inline rounded-lg bg-surface0 p-2 w-fit"
|
||||
x-model="theme"
|
||||
>
|
||||
<template
|
||||
x-for="themeopt in [
|
||||
'dark',
|
||||
'light',
|
||||
'system',
|
||||
]"
|
||||
>
|
||||
<option
|
||||
x-text="displayThemeName(themeopt)"
|
||||
:value="themeopt"
|
||||
:selected="theme === themeopt"
|
||||
></option>
|
||||
</template>
|
||||
</select>
|
||||
<script>
|
||||
const displayThemeName = (value) => {
|
||||
if (value === "dark") return "Dark (Mocha)";
|
||||
if (value === "light") return "Light (Latte)";
|
||||
if (value === "system") return "System";
|
||||
};
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user