1  <script setup lang="ts">
 2  // import { DefaultLayout } from '@/renderer/components/layouts'
 3  import '@fontsource/inter/100.css'
 4  import '@fontsource/inter/300.css'
 5  import '@fontsource/inter/400.css'
 6  import '@fontsource/inter/500.css'
 7  import '@fontsource/inter/700.css'
 8  import '@fontsource/inter/900.css'
 9  /* optional italic styles */
10  import '@fontsource/inter/100-italic.css'
11  import '@fontsource/inter/300-italic.css'
12  import '@fontsource/inter/400-italic.css'
13  import '@fontsource/inter/500-italic.css'
14  import '@fontsource/inter/700-italic.css'
15  import '@fontsource/inter/900-italic.css'
16  </script>
17  
18  <template>
19    <router-view />
20  </template>
21  
22  <style>
23  /* html {
24    overflow-y: auto !important;
25    user-select: none;
26  } */
27  
28  html,
29  body {
30    font-family: 'Inter';
31    width: 100%;
32    height: 100%;
33  }
34  
35  body::-webkit-scrollbar {
36    display: none;
37  }
38  
39  /* Do not force capitalization of button text */
40  .v-btn {
41    text-transform: unset !important;
42  }
43  
44  ::-webkit-scrollbar {
45    width: 13px;
46    height: 13px;
47    background: transparent;
48  }
49  
50  ::-webkit-scrollbar-track {
51    background: transparent;
52  }
53  
54  ::-webkit-scrollbar-thumb {
55    background-color: rgba(0, 0, 0, 0.3);
56    border-radius: 13px;
57    border: 5px solid transparent;
58    background-clip: content-box;
59    transition: background-color 0.3s;
60  }
61  
62  ::-webkit-scrollbar-thumb:hover {
63    background-color: rgba(0, 0, 0, 0.4);
64    border-color: rgba(0, 0, 0, 0.1);
65  }
66  </style>