From 089b9e7e9d5f6ca5905e291ca29d0c361931513c Mon Sep 17 00:00:00 2001
From: KS Jannette <kjannette@KSs-MacBook-Air.local>
Date: Fri, 13 Feb 2026 16:31:39 -0500
Subject: [PATCH] more

---
 frontend/.env.development            |  2 ++
 frontend/.env.production             |  2 ++
 frontend/src/api/api.ts              |  2 +-
 frontend/src/components/stickies.tsx |  2 +-
 frontend/src/styles/home.css         | 33 ++++++++++++++++++++++++++++
 5 files changed, 39 insertions(+), 2 deletions(-)
 create mode 100644 frontend/.env.development
 create mode 100644 frontend/.env.production

diff --git a/frontend/.env.development b/frontend/.env.development
new file mode 100644
index 0000000..2fc513d
--- /dev/null
+++ b/frontend/.env.development
@@ -0,0 +1,2 @@
+VITE_APP_URL=localhost:3000
+VITE_API_BASE=http://localhost:3001
diff --git a/frontend/.env.production b/frontend/.env.production
new file mode 100644
index 0000000..2a86aa6
--- /dev/null
+++ b/frontend/.env.production
@@ -0,0 +1,2 @@
+VITE_APP_URL=https://example.com
+VITE_API_BASE=https://www.example.com:4000
diff --git a/frontend/src/api/api.ts b/frontend/src/api/api.ts
index a123466..7ec3265 100644
--- a/frontend/src/api/api.ts
+++ b/frontend/src/api/api.ts
@@ -1,7 +1,7 @@
 import { useQuery, useMutation } from '@tanstack/react-query';
 import type { Sticky, Cluster } from '../types/types';
 
-const API_BASE = 'http://localhost:3001/v1/notes';
+const API_BASE = `${import.meta.env.VITE_API_BASE}/v1/notes`;
 
 const fetchStickies = async (): Promise<Sticky[]> => {
   const response = await fetch(API_BASE);
diff --git a/frontend/src/components/stickies.tsx b/frontend/src/components/stickies.tsx
index 009e91f..288b8d3 100644
--- a/frontend/src/components/stickies.tsx
+++ b/frontend/src/components/stickies.tsx
@@ -7,7 +7,7 @@ import '../styles/stickies.css';
 const Stickies = () => {
   const { data: stickies, isLoading, error } = useGetStickies();
   const { mutate: cluster, data: clusters, isPending } = useClusterStickies();
-
+   console.log('data, error', stickies, error)
   if (isLoading) return <div>Loading...</div>;
   if (error) return <div>Error: {error.message}</div>;
 
diff --git a/frontend/src/styles/home.css b/frontend/src/styles/home.css
index 1b6aa24..26ad835 100644
--- a/frontend/src/styles/home.css
+++ b/frontend/src/styles/home.css
@@ -38,4 +38,37 @@
     'wght' 300,
     'GRAD' 0,
     'opsz' 24
+  }
+
+  @media screen and (max-width: 480px) {
+
+   .main-head-subbox-right {
+      display: none;
+    }
+
+    .main-head-subbox-left {
+      display: flex;
+      justify-content: center;
+      margin-left: auto;
+      margin-right: auto;
+      width: 100%;
+    }
+
+   .main-head {
+      font-size: 4rem;
+      color: #6dd6f4;
+      font-family: "Sulphur Point", sans-serif;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-left: auto;
+      margin-right: auto;
+      font-weight: 400;
+      letter-spacing: 2px;
+      text-decoration: underline;
+    }
+
+    .material-symbols-outlined {
+      display: none !important;
+    }
   }
\ No newline at end of file