From 3c06e8b3f21d6f57a74f8a9ca9c994e89cb48ab0 Mon Sep 17 00:00:00 2001
From: Nicholas Surmava <nicholas.surmava@gmail.com>
Date: Thu, 2 Apr 2026 09:32:56 -0400
Subject: [PATCH] added content_frame style as a global and applied it to
 cellsite, incident, and robots pages for the map

---
 frontend/src/pages/Cellsite.vue | 2 +-
 frontend/src/pages/Home.vue     | 8 --------
 frontend/src/pages/Incident.vue | 2 +-
 frontend/src/pages/Robots.vue   | 2 +-
 4 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/frontend/src/pages/Cellsite.vue b/frontend/src/pages/Cellsite.vue
index 01c6789..4068234 100644
--- a/frontend/src/pages/Cellsite.vue
+++ b/frontend/src/pages/Cellsite.vue
@@ -119,7 +119,7 @@ onMounted(async () => {
         </div>
 
         <!-- FIXME: Map container leftover from previous version. Map can take height props. Refactor this. -->
-        <div class="map_container">
+        <div class="map_container content_frame">
         <Map
           v-if="site.lat != null && site.lon != null"
           :center="[site.lat, site.lon]"
diff --git a/frontend/src/pages/Home.vue b/frontend/src/pages/Home.vue
index 82ec381..e916a06 100644
--- a/frontend/src/pages/Home.vue
+++ b/frontend/src/pages/Home.vue
@@ -171,14 +171,6 @@ onMounted(async () => {
 </template>
 
 <style scoped>
-.content_frame {
-    border: 1px solid var(--theme-faint);
-    border-radius: 6px;
-    padding: 1rem;
-    transition: border-color 0.4s, box-shadow 0.4s;
-    box-shadow: 0 0 12px var(--theme-glow);
-}
-
 #map, .tabs {
     margin-bottom: 2rem;
 }
diff --git a/frontend/src/pages/Incident.vue b/frontend/src/pages/Incident.vue
index f519161..14887c0 100644
--- a/frontend/src/pages/Incident.vue
+++ b/frontend/src/pages/Incident.vue
@@ -109,7 +109,7 @@ onMounted(async () => {
           </div>
         </div>
 
-        <div class="map_container">
+        <div class="map_container content_frame">
             <Map
             v-if="associated_site?.lat != null && associated_site?.lon != null"
             :center="[associated_site.lat, associated_site.lon]"
diff --git a/frontend/src/pages/Robots.vue b/frontend/src/pages/Robots.vue
index 43579ad..a6020d0 100644
--- a/frontend/src/pages/Robots.vue
+++ b/frontend/src/pages/Robots.vue
@@ -106,7 +106,7 @@ onMounted(async () => {
                 </div>
             </div>
 
-            <div class="map_container">
+            <div class="map_container content_frame">
             <Map
                 v-if="robot.lat != null && robot.lon != null"
                 :center="[robot.lat, robot.lon]"