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

Improved logo panel spacing on small screens

Browse Source
This commit is contained in:
Joe Uhren
2024-09-19 20:54:25 -06:00
parent f1b29df009
commit 7177742f54
2 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/style.scss
+10
View File
@@ -1527,6 +1527,11 @@ div.navbar-expand-lg {
margin-top: 80px;
}
#logo-panel {
margin-top: 0;
margin-bottom: 10px;
}
@media screen and (min-width: 992px) {
div#side-nav-bar {
display: block;
@@ -1553,6 +1558,11 @@ div.navbar-expand-lg {
#inner-header-side button#search-header-button {
display: none;
}
#logo-panel {
margin-top: -15px;
margin-bottom: 0;
}
}
.navbar-collapse {
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:0px;height:96px;margin-bottom:10px;" alt="${"#{settings.coin.name}".replace(/"/g, '&quot;')} Logo" title="${"#{settings.coin.name}".replace(/"/g, '&quot;')} Logo" />`;
return `<img id="logo-panel" src="#{settings.shared_pages.logo}" style="height:128px;" 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