37 lines
1.5 KiB
Plaintext
37 lines
1.5 KiB
Plaintext
<div class="auth-state-container">
|
|
@if (!IsAuthenticated)
|
|
{
|
|
<div class="auth-indicator unauthenticated">
|
|
<svg class="security-lock-vector" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<filter id="amber-cyber-glow" x="-30%" y="-30%" width="160%" height="160%">
|
|
<feGaussianBlur stdDeviation="3.5" result="blur" />
|
|
<feComposite in="SourceGraphic" in2="blur" operator="over" />
|
|
</filter>
|
|
</defs>
|
|
|
|
<g class="lock-chassis" filter="url(#amber-cyber-glow)">
|
|
<path d="M 32,45 V 24 L 38,18 H 62 L 68,24 V 45" stroke="#ffd166" stroke-width="3.5" fill="none" stroke-linecap="square" stroke-linejoin="miter" />
|
|
|
|
<rect x="20" y="45" width="60" height="32" fill="#03090b" stroke="#ffd166" stroke-width="3.5" stroke-linejoin="miter" />
|
|
|
|
<polygon points="47,54 53,54 55,60 45,60" fill="#ffd166" />
|
|
<rect x="48.5" y="60" width="3" height="10" fill="#ffd166" />
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
}
|
|
else
|
|
{
|
|
<div class="auth-indicator authenticated">
|
|
<div class="user-meta-stack">
|
|
<span class="meta-row-primary">ADMIN_OPERATOR</span>
|
|
<span class="meta-row-secondary">ID: 409-CLUSTER</span>
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|
|
|
|
@code {
|
|
[Parameter] public bool IsAuthenticated { get; set; } = false;
|
|
} |