feat: improve offline tiles and add settings page
This commit is contained in:
@ -0,0 +1,42 @@
|
||||
<script>
|
||||
import { CodeIcon, InfoIcon, LanguagesIcon, MapIcon, PaintbrushIcon } from "@lucide/svelte";
|
||||
import SidebarHeader from "../SidebarHeader.svelte";
|
||||
import SettingsButton from "./SettingsButton.svelte";
|
||||
</script>
|
||||
|
||||
<SidebarHeader>
|
||||
Settings
|
||||
</SidebarHeader>
|
||||
|
||||
<div id="sections">
|
||||
<section>
|
||||
<h2>General</h2>
|
||||
<SettingsButton icon={LanguagesIcon} text="Language" disabled />
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Map</h2>
|
||||
<SettingsButton icon={MapIcon} text="Offline Maps" view="offline-maps" />
|
||||
<SettingsButton icon={PaintbrushIcon} text="Map Style" disabled />
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>About</h2>
|
||||
<SettingsButton icon={CodeIcon} text="Developer Settings" disabled />
|
||||
<SettingsButton icon={InfoIcon} text="About" view="about" />
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
section {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
#sections {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user