Refactor style sheets

WillNilges · WillNilges · commit 1099bf4f1c38 · 2025-01-04T17:01:50.000-05:00
diff --git a/src/meshdb/templates/admin/iframed.html b/src/meshdb/templates/admin/iframed.html
@@ -3,33 +3,12 @@
 <html>
   <head>
     <script src="{% static '/admin/iframed.js' %}"></script>
-    <style>
-      iframe:focus {
-        outline: none;
-      }
-
-      iframe {
-        display: flex;
-        flex-grow: 1; border: none; margin: 0; padding: 0; 
-      }
-
-      body, html {width: 100%; height: 100%; margin: 0; padding: 0}
-      .row-container {display: flex; width: 100%; height: 100%; flex-direction: column; background-color: blue; overflow: hidden;}
-      .first-row {background-color: lime; }
-      .second-row { flex-grow: 1; border: none; margin: 0; padding: 0; }
-      .sbs {display: flex; width: 100%; height: 100%; flex-direction: row;}
-    </style>
+    <link rel="stylesheet" href="{% static '/admin/iframed.css'%}"/> 
   </head>
   <body>
-  <div class="row-container">
-    <div class="first-row">
-      <p>Panel Location:</p>
-      <p id="iframe_url"></p>
-    </div>
-      <div class="sbs">
-        <iframe src="panel" id="iframe_panel" class="second-row" onLoad="adminPanelLoaded();"></iframe>
-        <iframe src="http://127.0.0.1:3001" id="map_panel" class="second-row"></iframe>
-      </div>
+  <div class="adminContainer">
+    <iframe src="panel" id="iframe_panel" class="frameGrow" onLoad="adminPanelLoaded();"></iframe>
+    <iframe src="http://127.0.0.1:3001" id="map_panel" class="frameGrow"></iframe>
   </div>
   </body>
 </html>
diff --git a/src/meshweb/static/admin/iframed.css b/src/meshweb/static/admin/iframed.css
@@ -0,0 +1,29 @@
+body, html {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0
+}
+
+iframe {
+    display: flex;
+    flex-grow: 1; border: none; margin: 0; padding: 0; 
+}
+
+iframe:focus {
+    outline: none;
+}
+
+.adminContainer {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    flex-direction: row;
+    overflow: hidden;
+}
+.frameGrow {
+    flex-grow: 1;
+    border: none;
+    margin: 0;
+    padding: 0;
+}
