clip x overflow

2025-03-10 09:12:27 +01:00 · 2025-03-10 09:12:27 +01:00 · d2164622c4
commit d2164622c4
parent 7bae1918c4
4 changed files with 42 additions and 10 deletions
--- a/frontend/index.html
+++ b/frontend/index.html
@ -1,12 +1,15 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
-    <meta charset="UTF-8"/>
-    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+  <meta charset="UTF-8" />
+  <meta content="width=device-width, initial-scale=1.0" name="viewport" />
  <title>wails-svelte-tailwind-ts</title>
 </head>
+
 <body>
-<div id="app"></div>
-<script src="./src/main.ts" type="module"></script>
+  <div id="app"></div>
+  <script src="./src/main.ts" type="module"></script>
 </body>
+
 </html>
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@ -26,7 +26,9 @@
      </button>
      <DarkMode />
    </Navbar>
-    <main class="size-full max-h-full max-w-full overflow-scroll">
+    <main
+      class="size-full max-h-full max-w-full overflow-y-scroll overflow-x-clip"
+    >
      <Route path="/"><Things /></Route>
      <Route path="/things/:id" let:params>
        <Thing thingID={parseInt(params.id)} />
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@ -14,7 +14,24 @@
     */
    "allowJs": true,
    "checkJs": true,
-    "isolatedModules": true
+    "isolatedModules": true,
+    "paths": {
+      "@/*": [
+        "src/*"
+      ],
+      "@assets/*": [
+        "src/assets/*"
+      ],
+      "@components/*": [
+        "src/components/*"
+      ],
+      "@routes/*": [
+        "src/routes/*"
+      ],
+      "@wails/*": [
+        "src/wailsjs/*"
+      ]
+    }
  },
  "include": [
    "src/**/*.d.ts",
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@ -1,7 +1,17 @@
-import {defineConfig} from 'vite'
-import {svelte} from '@sveltejs/vite-plugin-svelte'
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import path from 'path';

 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [svelte()]
+  plugins: [svelte()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+      '@assets': path.resolve(__dirname, './src/assets'),
+      '@components': path.resolve(__dirname, './src/components'),
+      '@routes': path.resolve(__dirname, './src/routes'),
+      '@wails': path.resolve(__dirname, './src/wailsjs'),
+    },
+  },
 })