diff --git a/BTCPayServer/Views/UIStores/GeneralSettings.cshtml b/BTCPayServer/Views/UIStores/GeneralSettings.cshtml index 41dc0e166..e4a159de3 100644 --- a/BTCPayServer/Views/UIStores/GeneralSettings.cshtml +++ b/BTCPayServer/Views/UIStores/GeneralSettings.cshtml @@ -59,14 +59,10 @@ @if (!string.IsNullOrEmpty(Model.LogoFileId)) { - @Model.StoreName + @Model.StoreName Logo } -
- Please upload an image with square dimension, as it will be displayed in 1:1 format and circular. - Size should be around 100✕100px. -
} else { diff --git a/BTCPayServer/wwwroot/main/layout.css b/BTCPayServer/wwwroot/main/layout.css index 6146a9937..5d62d4127 100644 --- a/BTCPayServer/wwwroot/main/layout.css +++ b/BTCPayServer/wwwroot/main/layout.css @@ -184,8 +184,8 @@ #StoreSelectorToggle .logo, #StoreSelectorToggle .icon { - width: 1.5rem; - height: 1.5rem; + max-width: 1.5rem; + max-height: 1.5rem; /* Fixes seemingly delayed icon animation */ -webkit-transition-duration: 0.05s, var(--btcpay-transition-duration-fast); } @@ -195,10 +195,6 @@ margin-right: var(--btcpay-space-s); } -#StoreSelectorToggle .logo { - border-radius: 50%; -} - #StoreSelectorToggle .icon.icon-caret-down { margin-left: auto; color: var(--btcpay-body-text-muted); diff --git a/BTCPayServer/wwwroot/main/site.css b/BTCPayServer/wwwroot/main/site.css index 640392786..f3cce7f69 100644 --- a/BTCPayServer/wwwroot/main/site.css +++ b/BTCPayServer/wwwroot/main/site.css @@ -731,10 +731,9 @@ input:checked + label.btcpay-list-select-item { .store-logo { --logo-size: 3rem; --logo-bg: transparent; - --logo-radius: 50%; + --logo-radius: 0; - width: var(--logo-size); - height: var(--logo-size); + max-height: var(--logo-size); background: var(--logo-bg); border-radius: var(--logo-radius); }