From 3f5961c9a664bccb30d5e805e2ab0d1cceb3deea 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/assets/main.css    | 8 ++++++++
 frontend/src/pages/Cellsite.vue | 2 +-
 frontend/src/pages/Home.vue     | 8 --------
 frontend/src/pages/Incident.vue | 2 +-
 frontend/src/pages/Robots.vue   | 2 +-
 5 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/frontend/src/assets/main.css b/frontend/src/assets/main.css
index 77d7b52..b04689d 100644
--- a/frontend/src/assets/main.css
+++ b/frontend/src/assets/main.css
@@ -24,6 +24,14 @@
     --theme-glow: rgba(150, 220, 255, 0.2);
 }
 
+.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);
+}
+
 #app {
   margin: 0 auto;
   padding: 2rem 2rem;
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]"