UI.0.2.0 (#7)

* Add theme toggle, refactor styles, and enhance data table. Introduced a theme toggle to switch between light, dark, and system modes. Refactored styles to be dynamic based on the selected theme, enhancing maintainability. Added clickable links for Solana-specific data within the table to improve user navigation. * Implement responsive navigation and improve layout styles Added a mobile-friendly navigation bar with a toggleable menu. Enhanced existing styles for better responsiveness, including adjustments to layout, text colors, and container widths. Integrated CSS media queries to support varying screen sizes and improved overall UI consistency.
brytelands · Dec 21, 2024 · 820a488 · 820a488
1 parent b05149f
commit 820a488
Show file tree

Hide file tree

Showing 15 changed files with 3,301 additions and 697 deletions.
diff --git a/sologger-ui/error.html b/sologger-ui/error.html
@@ -89,29 +89,6 @@
         .info a {
             color: var(--primary-400);
         }
-
-        @media (prefers-color-scheme: dark) {
-            body {
-                background-color: var(--surface-900);
-                color: var(--primary-50);
-            }
-
-            .error-title, .error-message, .info {
-                color: var(--primary-50);
-            }
-        }
-
-        @media (max-width: 640px) {
-            .container {
-                padding: 1rem;
-            }
-            .error-code {
-                font-size: 4rem;
-            }
-            .error-title {
-                font-size: 1.25rem;
-            }
-        }
     </style>
 </head>
 <!-- Rest of the HTML remains the same -->

diff --git a/sologger-ui/index.html b/sologger-ui/index.html
@@ -3,8 +3,8 @@
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/sologger_logo_sm.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Sologger</title>
+      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+      <title>Sologger</title>
   </head>
   <body>
     <div id="app"></div>