kjannette/koin_ping_0.2.0
1
0
Fork 0
Code Issues Pull Requests Actions 26 Packages Projects Releases Wiki Activity

more style, mostly of w3 compliance
Some checks are pending
check / check (push) Waiting to run
Details

Browse Source
This commit is contained in:
KS Jannette
2026-03-01 02:05:36 -05:00
parent 7357315810
commit 112c9d0627
9 changed files with 157 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/pages/Addresses.jsx
View File

@@ -51,7 +51,7 @@ export default function Addresses() {
{loading && <p>Loading addresses...</p>}
{error && <p style={{ color: "red" }}>Error: {error}</p>}
{!loading && !error && addresses.length === 0 && (
<p style={{ color: "#666" }}>
<p style={{ color: "#808080" }}>
No addresses tracked yet. Add one above to get started.
</p>
)}
@@ -63,8 +63,9 @@ export default function Addresses() {
style={{
padding: "1rem",
marginBottom: "0.5rem",
border: "1px solid #ddd",
border: "1px solid #444",
borderRadius: "4px",
backgroundColor: "#333",
}}
>
<div
@@ -78,7 +79,8 @@ export default function Addresses() {
<div
style={{
fontFamily: "monospace",
fontSize: "0.9rem",
fontSize: "1.035rem",
color: "#b3b3b3",
}}
>
{addr.address}

11
frontend/src/pages/AlertHistory.jsx
View File

@@ -39,7 +39,7 @@ export default function AlertHistory() {
<h1>Recent Alerts</h1>
{alertEvents.length === 0 ? (
<p style={{ color: "#666" }}>No alerts yet</p>
<p style={{ color: "#808080" }}>No alerts yet</p>
) : (
<ul style={{ listStyle: "none", padding: 0 }}>
{alertEvents.map((event) => (
@@ -48,8 +48,9 @@ export default function AlertHistory() {
style={{
padding: "1rem",
marginBottom: "0.75rem",
border: "1px solid #ddd",
border: "1px solid #444",
borderRadius: "4px",
backgroundColor: "#333",
}}
>
<div style={{ marginBottom: "0.5rem" }}>
@@ -58,15 +59,15 @@ export default function AlertHistory() {
{event.address_label && (
<div
style={{
fontSize: "0.9rem",
color: "#666",
fontSize: "1.035rem",
color: "#808080",
marginBottom: "0.25rem",
}}
>
Address: {event.address_label}
</div>
)}
<small style={{ color: "#999" }}>
<small style={{ color: "#b3b3b3" }}>
{formatTimestamp(event.timestamp)}
</small>
</li>

30
frontend/src/pages/Alerts.jsx
View File

@@ -250,15 +250,15 @@ export default function Alerts() {
style={{
padding: "1rem",
marginBottom: "2rem",
backgroundColor: "#2a2a2a",
backgroundColor: "#333",
borderRadius: "4px",
border: "1px solid #444",
}}
>
<div
style={{
fontSize: "0.9rem",
color: "#999",
fontSize: "1.035rem",
color: "#b3b3b3",
}}
>
Managing alerts for:
@@ -274,8 +274,8 @@ export default function Alerts() {
<div
style={{
fontFamily: "monospace",
fontSize: "0.9rem",
color: "#999",
fontSize: "1.035rem",
color: "#b3b3b3",
}}
>
{selectedAddress.address}
@@ -316,7 +316,7 @@ export default function Alerts() {
marginBottom: "0.5rem",
border: "1px solid #444",
borderRadius: "4px",
backgroundColor: "#2a2a2a",
backgroundColor: "#333",
opacity: alert.enabled
? 1
: 0.6,
@@ -348,8 +348,8 @@ export default function Alerts() {
<div
style={{
fontSize:
"0.9rem",
color: "#999",
"1.035rem",
color: "#b3b3b3",
}}
>
Threshold:{" "}
@@ -362,8 +362,8 @@ export default function Alerts() {
<div
style={{
fontSize:
"0.85rem",
color: "#666",
"0.978rem",
color: "#808080",
marginTop:
"0.25rem",
}}
@@ -451,7 +451,7 @@ export default function Alerts() {
style={{
marginBottom: "2rem",
padding: "1rem",
backgroundColor: "#f5f5f5",
backgroundColor: "#333",
borderRadius: "4px",
}}
>
@@ -480,8 +480,8 @@ export default function Alerts() {
</label>
<div
style={{
fontSize: "0.85rem",
color: "#666",
fontSize: "0.978rem",
color: "#808080",
marginTop: "0.5rem",
marginLeft: "26px",
}}
@@ -524,8 +524,8 @@ export default function Alerts() {
/>
<div
style={{
fontSize: "0.85rem",
color: "#999",
fontSize: "0.978rem",
color: "#b3b3b3",
marginTop: "0.5rem",
}}
>

6
frontend/src/pages/Login.jsx
View File

@@ -81,7 +81,7 @@ export default function Login() {
width: "100%",
padding: "0.5rem",
fontSize: "1rem",
backgroundColor: "#1a1a1a",
backgroundColor: "#242424",
border: "1px solid #444",
borderRadius: "4px",
color: "white",
@@ -103,7 +103,7 @@ export default function Login() {
width: "100%",
padding: "0.5rem",
fontSize: "1rem",
backgroundColor: "#1a1a1a",
backgroundColor: "#242424",
border: "1px solid #444",
borderRadius: "4px",
color: "white",
@@ -131,7 +131,7 @@ export default function Login() {
</form>
<div style={{ marginTop: "1.5rem", textAlign: "center" }}>
<p style={{ color: "#999" }}>
<p style={{ color: "#b3b3b3" }}>
Don't have an account?{" "}
<Link
to="/signup"

8
frontend/src/pages/Signup.jsx
View File

@@ -101,7 +101,7 @@ export default function Signup() {
width: "100%",
padding: "0.5rem",
fontSize: "1rem",
backgroundColor: "#1a1a1a",
backgroundColor: "#242424",
border: "1px solid #444",
borderRadius: "4px",
color: "white",
@@ -123,7 +123,7 @@ export default function Signup() {
width: "100%",
padding: "0.5rem",
fontSize: "1rem",
backgroundColor: "#1a1a1a",
backgroundColor: "#242424",
border: "1px solid #444",
borderRadius: "4px",
color: "white",
@@ -145,7 +145,7 @@ export default function Signup() {
width: "100%",
padding: "0.5rem",
fontSize: "1rem",
backgroundColor: "#1a1a1a",
backgroundColor: "#242424",
border: "1px solid #444",
borderRadius: "4px",
color: "white",
@@ -173,7 +173,7 @@ export default function Signup() {
</form>
<div style={{ marginTop: "1.5rem", textAlign: "center" }}>
<p style={{ color: "#999" }}>
<p style={{ color: "#b3b3b3" }}>
Already have an account?{" "}
<Link
to="/login"