Mobile Design looking decent

1 files changed, 30 insertions, 24 deletions

diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index aa41236..c90383c 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -1,32 +1,38 @@
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
 import react from '@vitejs/plugin-react'
 import tailwindcss from '@tailwindcss/vite'
 import path from 'path'
 
-export default defineConfig({
-  plugins: [react(), tailwindcss()],
-  resolve: {
-    alias: {
-      '@api': path.resolve(__dirname, './src/api'),
-      '@components': path.resolve(__dirname, './src/components'),
-      '@css': path.resolve(__dirname, './src/css'),
-      '@customTypes': path.resolve(__dirname, './src/types'),
-      '@hooks': path.resolve(__dirname, './src/hooks'),
-      '@pages': path.resolve(__dirname, './src/pages'),
-      '@utils': path.resolve(__dirname, './src/utils'),
-      '@images': path.resolve(__dirname, './src/images'),
+export default defineConfig(({ mode }) => {
+  // load env variables for the current mode (from .env, .env.development, etc.)
+  const env = loadEnv(mode, process.cwd(), '')
+  const API_TARGET = env.VITE_API_TARGET || 'https://lp.pektezol.dev/'
+
+  return {
+    plugins: [react(), tailwindcss()],
+    resolve: {
+      alias: {
+        '@api': path.resolve(__dirname, './src/api'),
+        '@components': path.resolve(__dirname, './src/components'),
+        '@css': path.resolve(__dirname, './src/css'),
+        '@customTypes': path.resolve(__dirname, './src/types'),
+        '@hooks': path.resolve(__dirname, './src/hooks'),
+        '@pages': path.resolve(__dirname, './src/pages'),
+        '@utils': path.resolve(__dirname, './src/utils'),
+        '@images': path.resolve(__dirname, './src/images'),
+      },
     },
-  },
-  server: {
-    port: 3000,
-    proxy: {
-      '/api': {
-        target: 'https://lp.pektezol.dev/',
-        changeOrigin: true,
+    server: {
+      port: 3000,
+      proxy: {
+        '/api': {
+          target: API_TARGET,
+          changeOrigin: true,
+        },
       },
     },
-  },
-  build: {
-    outDir: 'build',
-  },
+    build: {
+      outDir: 'build',
+    },
+  }
 })
\ No newline at end of file