phareim.no/app.vue at master · phareim/phareim.no · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<template>
  <div :class="themePageClass">
    <component :is="theme.backdrop" v-if="theme.backdrop" />
    <NuxtPage />
    <ThemePager />
  </div>
</template>

<script setup lang="ts">
const { theme, themePageClass, themeColor } = useTheme()
useThemeNavigation()

useHead({
  meta: [
    { name: 'theme-color', content: themeColor }
  ]
})

onMounted(() => {
  document.body.classList.add('scrollable');
  document.documentElement.classList.add('scrollable');
});

onBeforeUnmount(() => {
  document.body.classList.remove('scrollable');
  document.documentElement.classList.remove('scrollable');
});
</script>

<style>
@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap");

body,
html {
  overflow: hidden;
  user-select: none;
  font-family: "Comfortaa", sans-serif;
  padding: 0;
  margin: 0;
}

body.scrollable,
html.scrollable {
  overflow: auto !important;
}

h1 {
  font-size: 4rem;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
</style>