Settings soon
mellobacon committed
Nov 27, 2022 at 18:05 UTC
94426aa0d4c4d82cbc5f4cca6e92e493c2322c5e
2 files changed
+63
src/components/Settings/Settings.svelte
new
+50
@@ -0,0 +1,50 @@
1
+<script lang="ts">
2
+ //import SettingsList, {setting} from "../Tree/SettingsList.svelte";
3
+ import AppearanceSettings from "./settings/general/AppearanceSettings.svelte";
4
+ export let hidden = false;
5
+
6
+</script>
7
+<div id="settings" class:hidden>
8
+ <div id="settings-list">
9
+ </div>
10
+ <div id="settings-view">
11
+ <div id="title">Settings View</div>
12
+ <div id="setting">
13
+ <AppearanceSettings></AppearanceSettings>
14
+ </div>
15
+ </div>
16
+</div>
17
+
18
+<style lang="scss">
19
+ .hidden {
20
+ display: none !important;
21
+ }
22
+ #settings {
23
+ height: 100%;
24
+ width: 100%;
25
+ display: flex;
26
+ }
27
+ #settings-list {
28
+ height: 100%;
29
+ min-width: 9rem;
30
+ border-right: solid 1px #333;
31
+ padding-top: 1rem;
32
+ }
33
+ #settings-view {
34
+ height: 100%;
35
+ width: 100%;
36
+ #title {
37
+ display: flex;
38
+ align-items: center;
39
+ justify-content: center;
40
+ border-bottom: solid 1px #333;
41
+ font-size: 1.2rem;
42
+ min-height: 3rem;
43
+ }
44
+ }
45
+ #setting {
46
+ height: 100%;
47
+ width: 100%;
48
+ padding: 10px;
49
+ }
50
+</style>
\ No newline at end of file
src/components/Settings/settings/general/AppearanceSettings.svelte
new
+13
@@ -0,0 +1,13 @@
1
+<script>
2
+ let themes = [
3
+ {id: 0, name: "Light"},
4
+ {id: 1, name: "Dark"},
5
+ {id: 2, name: "Myst"}
6
+ ]
7
+ let fonts = [
8
+ {id: 0, name: "Roboto"},
9
+ {id: 1, name: "Fira Code"},
10
+ {id: 2, name: "Cursed"}
11
+ ]
12
+</script>
13
+Settings
\ No newline at end of file