davide/purple-explorer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve layout consistency and logo alignment (layout.pug)

Browse Source 
* Adjusted top and bottom margins for consistent card spacing:
    - Removed unnecessary top margin (-15px) on cards.
    - Added 10px bottom margin to Logo Card for alignment with other cards.

* Optimized Logo size for better block card alignment:
    - Reduced Logo height from 128px to 96px for proper vertical positioning.

These changes ensure a more uniform and visually appealing layout across all card components.
This commit is contained in:
Nakul Kaul
2024-06-26 14:33:04 +05:30
committed by GitHub
parent 788454051c
commit f1b29df009
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/layout.pug
+2 -2
View File
@@ -350,7 +350,7 @@ html(lang='en')
return '<div class="card-header"><strong>Market Cap <span class="small fw-normal">(USD)</span></strong></div><div class="card-body"><div id="usdMarketCapPanelLoading" class="header-panel"><i class="fa-solid fa-spinner fa-spin-pulse"></i></div><div id="usdMarketCapPanel" class="header-panel" style="display:none;"><span class="fa-solid fa-chart-line"></span><label id="usdMarketCap"></label></div></div>';
}
function getLogoPanel() {
return `<img src="#{settings.shared_pages.logo}" style="margin-top:-15px;height:128px;" alt="${"#{settings.coin.name}".replace(/"/g, '&quot;')} Logo" title="${"#{settings.coin.name}".replace(/"/g, '&quot;')} Logo" />`;
return `<img src="#{settings.shared_pages.logo}" style="margin-top:0px;height:96px;margin-bottom:10px;" alt="${"#{settings.coin.name}".replace(/"/g, '&quot;')} Logo" title="${"#{settings.coin.name}".replace(/"/g, '&quot;')} Logo" />`;
}
function getSpacerPanel() {
return `<div class="panel_spacer"></div>`;
@@ -1448,4 +1448,4 @@ html(lang='en')
.col-4.navbar-nav
ui.nav.justify-content-end
label#lblBlockcount.badge.nav-link.border-0.float-end
label#lblConnections.badge.nav-link.border-0.float-end
label#lblConnections.badge.nav-link.border-0.float-end