adds secondary button look to rounded tab nav

This commit is contained in:
dstrukt
2022-01-09 03:04:32 -08:00
parent 098879585a
commit d189deefb4

View File

@@ -35,9 +35,14 @@
display: inline-block;
padding: .75rem 2rem;
color: var(--btcpay-primary);
font-weight: var(--btcpay-font-weight-semibold);
font-weight: var(--btcpay-font-weight-semibold);
border-radius: 1.5rem;
border: 1px solid var(--btcpay-secondary-border);
cursor: pointer;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#LightningNodeTypeTablist label:hover {
border-color: var(--btcpay-secondary-border-hover);
}
#LightningNodeTypeTablist input[disabled]:checked + label {
background: var(--btcpay-secondary);
@@ -70,7 +75,7 @@
<label asp-for="LightningNodeType" for="@($"LightningNodeType-{LightningNodeType.Internal}")">Use internal node</label>
<input asp-for="LightningNodeType" value="@LightningNodeType.Custom" type="radio" id="LightningNodeType-@LightningNodeType.Custom" data-bs-toggle="pill" data-bs-target="#CustomSetup" role="tab" aria-controls="CustomSetup" aria-selected="@(Model.LightningNodeType == LightningNodeType.Custom ? "true" : "false")">
<label asp-for="LightningNodeType" for="@($"LightningNodeType-{LightningNodeType.Custom}")">Use custom node</label>
<label class="ms-3" asp-for="LightningNodeType" for="@($"LightningNodeType-{LightningNodeType.Custom}")">Use custom node</label>
<vc:ui-extension-point location="ln-payment-method-setup-tabhead" model="@Model"/>
</div>