Update homecard bezier
This commit is contained in:
@@ -1,27 +1,18 @@
|
||||
<svg viewBox="0 0 @ObjW @ObjH" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="translate(0,@LineDist)">
|
||||
<foreignObject width="@TextAreaWidth" height="@TextAreaHeight">
|
||||
<div class="row" style="@TextStyle">
|
||||
@foreach (var item in TextData)
|
||||
{
|
||||
<div class="@LeftTextClass">
|
||||
@item.Key
|
||||
</div>
|
||||
<div class="@RightTextClass text-end">
|
||||
<b>@item.Value</b>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</foreignObject>
|
||||
</g>
|
||||
|
||||
<line x1="@BaseLine.p1.px" y1="@BaseLine.p1.py" x2="@BaseLine.p2.px" y2="@BaseLine.p2.py" stroke="@LineColor" stroke-width="@LineWidth" />
|
||||
<circle id="circleLine" cx="@CircleLine.cx" cy="@CircleLine.cy" r="@CircleLine.rad" stroke="@LineColor" stroke-width="@LineWidth" />
|
||||
|
||||
<defs>
|
||||
<pattern id="@($"contImg_{ObjId}")" patternContentUnits="userSpaceOnUse" width="1" height="1">
|
||||
<image x="0" y="0" href="@ImagePath" width="50%" height="100%"></image>
|
||||
</pattern>
|
||||
<clipPath id="theClippingPath">
|
||||
<path d="M1200,0 L1920,0 L1920,1080 L900,1080 Q 925,680 1050,540 1175,400 1200,0 Z" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
<circle id="circleCont" cx="@CircleImg.cx" cy="@CircleImg.cy" r="@CircleImg.rad" fill="url(#@($"contImg_{ObjId}"))" @onclick="()=>execFunc()" style="cursor: pointer" />
|
||||
<image xlink:href="images/DOORBG.png" height="100%" width="100%" clip-path="url(#theClippingPath)"></image>
|
||||
<foreignObject width="@(ObjW/2)" height="@ObjH">
|
||||
<div class="row" style="@TextStyle">
|
||||
<div class="@TitleClass">
|
||||
Web Door Creator
|
||||
</div>
|
||||
<div class="@BodyClass text-center">
|
||||
The new way to create doors
|
||||
</div>
|
||||
</div>
|
||||
</foreignObject>
|
||||
</svg>
|
||||
|
||||
@@ -27,21 +27,13 @@ namespace WebDoorCreator.UI.Components.SvgComp
|
||||
[Parameter]
|
||||
public int ObjW { get; set; } = 450;
|
||||
|
||||
[Parameter]
|
||||
public Dictionary<string, string> TextData { get; set; } = new Dictionary<string, string>();
|
||||
|
||||
[Parameter]
|
||||
public string TextStyle { get; set; } = "font-size: 1.5em; fill: #000;";
|
||||
|
||||
[Parameter]
|
||||
public string Message1 { get; set; } = "";
|
||||
public string TitleClass { get; set; } = "fs-1";
|
||||
[Parameter]
|
||||
public string Message2 { get; set; } = "";
|
||||
|
||||
[Parameter]
|
||||
public string LeftTextClass { get; set; } = "";
|
||||
[Parameter]
|
||||
public string RightTextClass { get; set; } = "";
|
||||
public string BodyClass { get; set; } = "fs-5";
|
||||
|
||||
#endregion Public Properties
|
||||
|
||||
|
||||
@@ -2,8 +2,11 @@
|
||||
|
||||
<PageTitle>Index</PageTitle>
|
||||
|
||||
<div class="bgbg">
|
||||
|
||||
<HomeCard ObjH="1080" ObjW="1920"></HomeCard>
|
||||
|
||||
@*<div class="bgbg">
|
||||
<div class="transpLayer">
|
||||
<div class="fs-1 p-2 px-3">Web Door Creator</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>*@
|
||||
Reference in New Issue
Block a user