fix: [Bug-4714-Admin] Borders for contrast mode and fixed resizing is…

…sue for 1280p (#1044)

code/backend/Admin.py

@@ -31,14 +31,12 @@
     menu_items=None,
 )
 
-MOD_PAGE_STYLE = """
-            <style>
-            #MainMenu {visibility: hidden;}
-            footer {visibility: hidden;}
-            header {visibility: hidden;}
-            </style>
-            """
-st.markdown(MOD_PAGE_STYLE, unsafe_allow_html=True)
+def load_css(file_path):
+    with open(file_path) as f:
+        st.markdown(f"<style>{f.read()}</style>", unsafe_allow_html=True)
+
+# Load the common CSS
+load_css("pages/common.css")
 
 
 col1, col2, col3 = st.columns([1, 2, 1])

code/backend/pages/common.css

@@ -0,0 +1,20 @@
+#MainMenu {visibility: hidden;}
+footer {visibility: hidden;}
+header {visibility: hidden;}
+.st-emotion-cache-1kyxreq{width:100%}
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+    section, .st-emotion-cache-ch5dnh{
+        border: 2px solid WindowText;padding: 10px;
+        background-color: Window;
+        color: WindowText;
+    }
+}
+@media screen and (max-width: 1280px) {
+    .st-emotion-cache-1wmy9hl .st-emotion-cache-ocqkz7  {
+            gap: 0rem !important;
+    }
+
+    .st-emotion-cache-1kyxreq{
+        max-width: 200px !important;
+    }
+}