mirrors/btcpayserver
1
0
Fork 0
mirror of https://github.com/btcpayserver/btcpayserver.git synced 2025-03-10 17:26:05 +01:00
Code Issues Projects Releases Packages Wiki Activity

Store Logo: Remove restriction of square dimension (#5738)

Browse source 
As discussed on #5718, there is no need for the store logo to be provided in square dimension. As it populates its own row on the public page layouts, we can remove that restriction and make it adaptable by providing only maximum height and width.
This commit is contained in:
d11n 2024-02-29 09:34:28 +01:00 • committed by GitHub
parent a896560a3c
commit 9160a1d71e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 5 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
BTCPayServer/Views/UIStores/GeneralSettings.cshtml
View file

@ -59,14 +59,10 @@
<input asp-for="LogoFile" type="file" class="form-control flex-grow"> <input asp-for="LogoFile" type="file" class="form-control flex-grow">
@if (!string.IsNullOrEmpty(Model.LogoFileId)) @if (!string.IsNullOrEmpty(Model.LogoFileId))
{ {
<img src="@(await FileService.GetFileUrl(Context.Request.GetAbsoluteRootUri(), Model.LogoFileId))" alt="@Model.StoreName" class="rounded-circle" style="width:2.1rem;height:2.1rem;"/> <img src="@(await FileService.GetFileUrl(Context.Request.GetAbsoluteRootUri(), Model.LogoFileId))" alt="@Model.StoreName Logo" style="height:2.1rem;max-width:10.5rem;"/>
} }
</div> </div>
<span asp-validation-for="LogoFile" class="text-danger"></span> <span asp-validation-for="LogoFile" class="text-danger"></span>
<div class="form-text">
Please upload an image with square dimension, as it will be displayed in 1:1 format and circular.
Size should be around 100✕100px.
</div>
} }
else else
{ {

8
BTCPayServer/wwwroot/main/layout.css
View file

@ -184,8 +184,8 @@
#StoreSelectorToggle .logo, #StoreSelectorToggle .logo,
#StoreSelectorToggle .icon { #StoreSelectorToggle .icon {
width: 1.5rem; max-width: 1.5rem;
height: 1.5rem; max-height: 1.5rem;
/* Fixes seemingly delayed icon animation */ /* Fixes seemingly delayed icon animation */
-webkit-transition-duration: 0.05s, var(--btcpay-transition-duration-fast); -webkit-transition-duration: 0.05s, var(--btcpay-transition-duration-fast);
} }
@ -195,10 +195,6 @@
margin-right: var(--btcpay-space-s); margin-right: var(--btcpay-space-s);
} }
#StoreSelectorToggle .logo {
border-radius: 50%;
}
#StoreSelectorToggle .icon.icon-caret-down { #StoreSelectorToggle .icon.icon-caret-down {
margin-left: auto; margin-left: auto;
color: var(--btcpay-body-text-muted); color: var(--btcpay-body-text-muted);

5
BTCPayServer/wwwroot/main/site.css
View file

@ -731,10 +731,9 @@ input:checked + label.btcpay-list-select-item {
.store-logo { .store-logo {
--logo-size: 3rem; --logo-size: 3rem;
--logo-bg: transparent; --logo-bg: transparent;
--logo-radius: 50%; --logo-radius: 0;
width: var(--logo-size); max-height: var(--logo-size);
height: var(--logo-size);
background: var(--logo-bg); background: var(--logo-bg);
border-radius: var(--logo-radius); border-radius: var(--logo-radius);
} }