diff --git a/server.py b/server.py
index 223b126..4d35848 100644
--- a/server.py
+++ b/server.py
@@ -153,6 +153,7 @@ def hip02(domain: str):
"success": True,
"address": hip2_record,
"method": "hip02",
+ "name": domain,
}
)
@@ -163,11 +164,13 @@ def hip02(domain: str):
"success": True,
"address": wallet_record,
"method": "wallet_txt",
+ "name": domain,
}
)
return jsonify(
{
"success": False,
+ "name": domain,
"error": "No HIP02 or WALLET record found for this domain",
}
)
@@ -185,4 +188,4 @@ def not_found(e):
# endregion
if __name__ == "__main__":
- app.run(debug=True, port=5000, host="127.0.0.1")
+ app.run(debug=True, port=5000, host="0.0.0.0")
diff --git a/templates/assets/css/index.css b/templates/assets/css/index.css
index 19cc521..d0155c4 100644
--- a/templates/assets/css/index.css
+++ b/templates/assets/css/index.css
@@ -109,6 +109,7 @@ section {
transition: transform 0.2s ease, box-shadow 0.2s ease;
animation: slideUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
opacity: 0; /* Start hidden for animation */
+ min-width: 0; /* Prevent grid overflow */
}
.card:hover {
@@ -159,7 +160,7 @@ section {
/* Info Grid */
.info-grid {
display: grid;
- grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1rem;
}
@@ -168,6 +169,7 @@ section {
background: rgba(15, 23, 42, 0.4);
border-radius: 12px;
border: 1px solid var(--card-border);
+ min-width: 0; /* Prevent grid overflow */
}
.info-item.no-border {
@@ -265,6 +267,7 @@ section {
transition: all 0.2s ease;
animation: staggerFade 0.4s ease forwards;
cursor: pointer;
+ min-width: 0; /* Prevent flex overflow */
}
.tx-item:hover {
@@ -282,6 +285,7 @@ section {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
+ min-width: 0; /* Prevent flex overflow */
}
.tx-view-btn {
@@ -388,6 +392,7 @@ section {
white-space: pre-wrap;
word-wrap: break-word;
margin: 0;
+ word-break: break-all;
}
/* Transaction Details */
@@ -418,6 +423,7 @@ section {
border: 1px solid var(--card-border);
border-radius: 8px;
padding: 1rem;
+ min-width: 0; /* Prevent overflow */
}
.tx-io-header {
@@ -611,6 +617,7 @@ section {
font-size: 0.9rem;
white-space: pre-wrap;
word-wrap: break-word;
+ word-break: break-all;
}
.result-box .error {
@@ -622,6 +629,16 @@ section {
border: 1px solid rgba(239, 68, 68, 0.2);
}
+.success-message {
+ color: var(--success-color);
+ background: rgba(16, 185, 129, 0.1);
+ border: 1px solid rgba(16, 185, 129, 0.2);
+ padding: 1rem;
+ border-radius: 8px;
+ margin-bottom: 1rem;
+ word-break: break-all;
+}
+
/* Scrollbar */
.result-box::-webkit-scrollbar {
width: 8px;
@@ -700,6 +717,26 @@ a:hover {
padding: 0.5rem;
font-size: 0.85rem;
}
+
+ .info-grid {
+ grid-template-columns: 1fr;
+ }
+}
+
+@media (max-width: 480px) {
+ .card {
+ padding: 1rem;
+ }
+
+ .container {
+ padding: 0 1rem;
+ }
+
+ .tx-io-header {
+ flex-direction: column;
+ align-items: flex-start;
+ gap: 0.5rem;
+ }
}
/* Loading Animation */
diff --git a/templates/index.html b/templates/index.html
index d0fabc9..042a506 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1055,7 +1055,7 @@
const note = document.createElement('div');
note.className = 'success-message';
note.style.marginBottom = '1rem';
- note.innerHTML = `Resolved alias ${hip02Result.name || address} to address`;
+ note.innerHTML = `Resolved ${hip02Result.name || address} to address
${address}`;
resultElement.parentNode.insertBefore(note, resultElement);
setTimeout(() => note.remove(), 5000);
} else {