petprofile + homepage modified

CSE2102-Spring25 · May 2, 2025 · 6ef3207 · 6ef3207
1 parent edca506
commit 6ef3207
Show file tree

Hide file tree

Showing 13 changed files with 243 additions and 215 deletions.
diff --git a/backend/.github/workflows/backend-ci.yml b/backend/.github/workflows/backend-ci.yml
diff --git a/backend/__pycache__/utils.cpython-311.pyc b/backend/__pycache__/utils.cpython-311.pyc
diff --git a/backend/images/shadow.jpg b/backend/images/shadow.jpg
diff --git a/backend/tests/test_api.py b/backend/tests/test_api.py
@@ -87,7 +87,7 @@ def test_duplicate_pet_submission():
         "breed": "Black",
         "age": 3,
         "personality": "Sneaky",
-        "image_path": "/images/shadow.jpg",
+        "image_path": "../images/shadow.jpg",
     }
 
     # First submit (should succeed)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
@@ -9,14 +9,12 @@ function App() {
   return (
     <>
       <NavBar />
-      <div style={{ padding: '1rem' }}>
-        <Routes>
-          <Route path="/" element={<Home />} />
-          <Route path="/search" element={<Search />} />
-          <Route path="/pets" element={<PetProfile />} />
-          <Route path="/profile" element={<Profile />} />
-        </Routes>
-      </div>
+      <Routes>
+        <Route path="/" element={<Home />} />
+        <Route path="/search" element={<Search />} />
+        <Route path="/pets" element={<PetProfile />} />
+        <Route path="/profile" element={<Profile />} />
+      </Routes>
     </>
   );
 }

diff --git a/frontend/src/assets/facebook_logo.png b/frontend/src/assets/facebook_logo.png
diff --git a/frontend/src/assets/instagram_logo.png b/frontend/src/assets/instagram_logo.png
diff --git a/frontend/src/assets/menu_logo.png b/frontend/src/assets/menu_logo.png
diff --git a/frontend/src/assets/twitter_logo.png b/frontend/src/assets/twitter_logo.png
diff --git a/frontend/src/assets/youtube_logo.png b/frontend/src/assets/youtube_logo.png
diff --git a/frontend/src/index.css b/frontend/src/index.css
@@ -1,16 +1,17 @@
-:root {
-  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
 
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+html, body, #root {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  width: 100%;
+  overflow-x: hidden;
+  background-color: rgb(180, 164, 143);
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
 }
 
 a {
@@ -24,17 +25,23 @@ a:hover {
 
 body {
   margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
+  min-width: 100vw;
   min-height: 100vh;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
 }
 
 h1 {
   font-size: 3.2em;
   line-height: 1.1;
 }
 
+h2 {
+  margin: 0;
+  padding: 0;
+}
+
 button {
   border-radius: 8px;
   border: 1px solid transparent;
@@ -66,3 +73,28 @@ button:focus-visible {
     background-color: #f9f9f9;
   }
 }
+
+
+@media (max-width: 600px) {
+  h2 {
+    font-size: 1.5rem;
+  }
+
+  footer img {
+    width: 24px;
+    height: 24px;
+  }
+}
+
+.pet-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 2rem;
+  justify-items: center;
+}
+
+@media (max-width: 768px) {
+  .pet-grid {
+    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  }
+}