feat: enhance SEO with Open Graph meta tags and add logo image

This commit is contained in:
void-57 2025-09-03 08:50:15 +05:30
parent e5bbc8f872
commit 9b3fed1f9e
3 changed files with 59 additions and 37 deletions

View File

@ -2763,7 +2763,7 @@ sm-popup::part(popup) {
transform: scale(1.1);
}
/* Responsive adjustments for balance info */
/* Responsive adjustments for balance info */
@media (max-width: 480px) {
.detail-row {
flex-direction: column;
@ -2791,39 +2791,39 @@ sm-popup::part(popup) {
text-overflow: ellipsis;
}
}
/* Resources and fees styling - always display on separate lines */
.tx-detail-value.resources-list {
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important; /* Right-align the resource items */
gap: 0.5rem !important;
text-align: right !important;
width: 100% !important;
}
/* Special styling for resource rows */
.tx-detail-row.resource-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.resource-item {
display: block !important;
padding: 0.25rem 0.5rem !important;
background-color: rgba(59, 130, 246, 0.05) !important;
border-radius: 0.25rem !important;
margin-bottom: 0.375rem !important;
font-family: inherit !important;
text-align: right !important;
width: fit-content !important;
margin-left: auto !important;
}
.resource-item:last-child {
margin-bottom: 0;
}
/* Resources and fees styling - always display on separate lines */
.tx-detail-value.resources-list {
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important; /* Right-align the resource items */
gap: 0.5rem !important;
text-align: right !important;
width: 100% !important;
}
/* Special styling for resource rows */
.tx-detail-row.resource-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.resource-item {
display: block !important;
padding: 0.25rem 0.5rem !important;
background-color: rgba(59, 130, 246, 0.05) !important;
border-radius: 0.25rem !important;
margin-bottom: 0.375rem !important;
font-family: inherit !important;
text-align: right !important;
width: fit-content !important;
margin-left: auto !important;
}
.resource-item:last-child {
margin-bottom: 0;
}
/* Responsive Design */
@media (max-width: 768px) {
.hamburger-btn {
@ -4457,19 +4457,19 @@ sm-popup::part(popup) {
.tx-detail-label {
min-width: auto;
}
/* Resource items on small screens - left aligned */
.tx-detail-value.resources-list {
align-items: flex-start !important;
text-align: left !important;
}
.resource-item {
text-align: left !important;
margin-left: 0 !important;
width: fit-content !important;
}
/* Keep resource rows stacked on mobile */
.tx-detail-row.resource-row {
flex-direction: column;

View File

@ -3,6 +3,28 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Primary Meta Tags -->
<meta name="title" content="RanchiMall Tron Wallet" />
<meta
name="description"
content="RanchiMall Tron Wallet - Generate multi-blockchain addresses, send TRX, view transactions and manage your assets."
/>
<meta property="og:type" content="website" />
<meta
property="og:url"
content="https://ranchimall.github.io/tronwallet/"
/>
<meta property="og:title" content="RanchiMall Tron Wallet" />
<meta
property="og:description"
content="RanchiMall Tron Wallet - Generate multi-blockchain addresses, send TRX, view transactions and manage your assets."
/>
<meta
property="og:image"
content="https://ranchimall.github.io/tronwallet/ranchimall-logo.png"
/>
<meta property="og:type" content="website" />
<title>Tron Wallet</title>
<link rel="shortcut icon" href="favicon.svg" type="image/x-icon" />
<link

BIN
ranchimall-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB