Import from internal git
This commit is contained in:
36
WebServer/Components/Molecule/NavigationCard.razor
Normal file
36
WebServer/Components/Molecule/NavigationCard.razor
Normal file
@@ -0,0 +1,36 @@
|
||||
<a href="@Link">
|
||||
<div class="spec-box">
|
||||
<p>@DisplayName</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
@code {
|
||||
[Parameter]
|
||||
public string? DisplayName { get; set; }
|
||||
|
||||
[Parameter]
|
||||
public string Link { get; set; }
|
||||
}
|
||||
|
||||
<style>
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.spec-box
|
||||
{
|
||||
padding: 5px;
|
||||
width: 205px;
|
||||
height: 150px;
|
||||
text-align: center;
|
||||
background: rgb(143,134,191);
|
||||
color: #d7d7d7;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.spec-box:hover {
|
||||
box-shadow: 0 0 15px #736d6d;
|
||||
color: white;
|
||||
}
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user