ui tweaks

CynToolkit · Oct 2, 2024 · 77b9f20 · 77b9f20
1 parent e11e97b
commit 77b9f20
Show file tree

Hide file tree

Showing 9 changed files with 779 additions and 960 deletions.
diff --git a/components.d.ts b/components.d.ts
@@ -18,6 +18,7 @@ declare module 'vue' {
     InputIcon: typeof import('primevue/inputicon')['default']
     InputText: typeof import('primevue/inputtext')['default']
     Listbox: typeof import('primevue/listbox')['default']
+    Menu: typeof import('primevue/menu')['default']
     Panel: typeof import('primevue/panel')['default']
     Password: typeof import('primevue/password')['default']
     RouterLink: typeof import('vue-router')['RouterLink']

diff --git a/index.html b/index.html
@@ -1,12 +1,13 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="UTF-8" />
-    <title>Pipelab</title>
-    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
-    <meta
-      http-equiv="Content-Security-Policy"
-      content="
+
+<head>
+  <meta charset="UTF-8" />
+  <title>Pipelab</title>
+  <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
+  <meta
+    http-equiv="Content-Security-Policy"
+    content="
         default-src 'self';
         script-src 'self' 'unsafe-eval';
         img-src 'self' data:;
@@ -15,32 +16,120 @@
         font-src 'self' https://fonts.gstatic.com;
         connect-src 'self' https://*.supabase.co;
       "
-    />
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <!-- <link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,[email protected],200..800&display=swap" rel="stylesheet"> -->
-    <link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat:wght@100&display=swap" rel="stylesheet">
-    <style>
-      html, body, #app {
-        border: none;
-        margin: 0;
-        padding: 0;
-        height: 100%;
-      }
-
-      html {
-        font-family: "Jost", sans-serif !important;
-        font-optical-sizing: auto;
+  />
+  <link
+    rel="preconnect"
+    href="https://fonts.googleapis.com"
+  >
+  <link
+    rel="preconnect"
+    href="https://fonts.gstatic.com"
+    crossorigin
+  >
+  <!-- <link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,[email protected],200..800&display=swap" rel="stylesheet"> -->
+  <!-- <link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat:wght@100&display=swap" rel="stylesheet"> -->
+  <link
+    href="https://api.fontshare.com/v2/css?f[]=geist@100,200,300,400,500,600,700,800,900&display=swap"
+    rel="stylesheet"
+  >
+  <style>
+    html,
+    body,
+    #app {
+      border: none;
+      margin: 0;
+      padding: 0;
+      height: 100%;
+    }
+
+    @font-face {
+      font-family: 'Geist';
+      src: url('node_modules/geist/dist/fonts/geist-sans/Geist-Black.woff2') format('woff2');
+      font-weight: 900;
+      font-style: normal;
+    }
+
+    @font-face {
+      font-family: 'Geist';
+      src: url('node_modules/geist/dist/fonts/geist-sans/Geist-Bold.woff2') format('woff2');
+      font-weight: 700;
+      font-style: normal;
+    }
+
+    @font-face {
+      font-family: 'Geist';
+      src: url('node_modules/geist/dist/fonts/geist-sans/Geist-Light.woff2') format('woff2');
+      font-weight: 300;
+      font-style: normal;
+    }
+
+    @font-face {
+      font-family: 'Geist';
+      src: url('node_modules/geist/dist/fonts/geist-sans/Geist-Medium.woff2') format('woff2');
+      font-weight: 500;
+      font-style: normal;
+    }
+
+    @font-face {
+      font-family: 'Geist';
+      src: url('node_modules/geist/dist/fonts/geist-sans/Geist-Regular.woff2') format('woff2');
+      font-weight: 400;
+      font-style: normal;
+    }
+
+    @font-face {
+      font-family: 'Geist';
+      src: url('node_modules/geist/dist/fonts/geist-sans/Geist-SemiBold.woff2') format('woff2');
+      font-weight: 600;
+      font-style: normal;
+    }
+
+    @font-face {
+      font-family: 'Geist';
+      src: url('node_modules/geist/dist/fonts/geist-sans/Geist-Thin.woff2') format('woff2');
+      font-weight: 100;
+      font-style: normal;
+    }
+
+    @font-face {
+      font-family: 'Geist';
+      src: url('node_modules/geist/dist/fonts/geist-sans/Geist-UltraBlack.woff2') format('woff2');
+      font-weight: 950;
+      font-style: normal;
+    }
+
+    @font-face {
+      font-family: 'Geist';
+      src: url('node_modules/geist/dist/fonts/geist-sans/Geist-UltraLight.woff2') format('woff2');
+      font-weight: 200;
+      font-style: normal;
+    }
+
+    @font-face {
+      font-family: 'Geist';
+      src: url('node_modules/geist/dist/fonts/geist-sans/Geist-Variable.woff2') format('woff2');
+      font-weight: 100 900;
+      font-style: normal;
+    }
+
+
+    html {
+      font-family: "Geist", sans-serif !important;
+      /* font-optical-sizing: auto;
         font-weight: normal;
         font-style: normal;
         font-variation-settings:
-          "wdth" 100;
-      }
-    </style>
-  </head>
-
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/renderer.ts"></script>
-  </body>
+          "wdth" 100; */
+    }
+  </style>
+</head>
+
+<body>
+  <div id="app"></div>
+  <script
+    type="module"
+    src="/src/renderer.ts"
+  ></script>
+</body>
+
 </html>
diff --git a/package.json b/package.json
@@ -47,6 +47,7 @@
     "@electron-toolkit/utils": "3.0.0",
     "@floating-ui/vue": "1.1.5",
     "@jitl/quickjs-wasmfile-release-sync": "0.31.0",
+    "@pipelab/core": "1.2.3",
     "@primevue/themes": "4.0.7",
     "@sentry/electron": "5.4.0",
     "@sentry/vue": "8.32.0",
@@ -59,7 +60,6 @@
     "@vueuse/components": "11.1.0",
     "@vueuse/core": "11.1.0",
     "@vueuse/router": "11.1.0",
-    "@pipelab/core": "1.2.3",
     "archiver": "7.0.1",
     "code-tag": "1.2.0",
     "d3-shape": "3.2.0",
@@ -70,6 +70,7 @@
     "es-toolkit": "1.21.0",
     "esm": "3.2.25",
     "execa": "9.4.0",
+    "geist": "1.3.1",
     "get-value": "3.0.1",
     "klona": "2.0.6",
     "mutative": "1.0.10",