Skip to content

Commit 820a488

Browse files
authored
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.
1 parent b05149f commit 820a488

15 files changed

+3301
-697
lines changed

Diff for: sologger-ui/error.html

-23
Original file line numberDiff line numberDiff line change
@@ -89,29 +89,6 @@
8989
.info a {
9090
color: var(--primary-400);
9191
}
92-
93-
@media (prefers-color-scheme: dark) {
94-
body {
95-
background-color: var(--surface-900);
96-
color: var(--primary-50);
97-
}
98-
99-
.error-title, .error-message, .info {
100-
color: var(--primary-50);
101-
}
102-
}
103-
104-
@media (max-width: 640px) {
105-
.container {
106-
padding: 1rem;
107-
}
108-
.error-code {
109-
font-size: 4rem;
110-
}
111-
.error-title {
112-
font-size: 1.25rem;
113-
}
114-
}
11592
</style>
11693
</head>
11794
<!-- Rest of the HTML remains the same -->

Diff for: sologger-ui/index.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
<head>
44
<meta charset="UTF-8" />
55
<link rel="icon" type="image/svg+xml" href="/sologger_logo_sm.svg" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>Sologger</title>
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
7+
<title>Sologger</title>
88
</head>
99
<body>
1010
<div id="app"></div>

0 commit comments

Comments
 (0)