53 lines
2.8 KiB
Plaintext
53 lines
2.8 KiB
Plaintext
@*
|
|
* dbMango
|
|
*
|
|
* Copyright 2025 Deutsche Bank AG
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*@
|
|
<style>
|
|
.bounce {
|
|
animation: bounce 2s infinite;
|
|
}
|
|
|
|
@@keyframes bounce {
|
|
0%, 20%, 50%, 80%, 100% {
|
|
transform: translateX(0);
|
|
}
|
|
40% {
|
|
transform: translateX(-30px);
|
|
}
|
|
60% {
|
|
transform: translateX(-15px);
|
|
}
|
|
}
|
|
</style>
|
|
|
|
|
|
|
|
<div class="bounce @Class">
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 256 256" xml:space="preserve">
|
|
<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
|
|
<path d="M 89.566 43.779 L 64.315 12.722 c -0.368 -0.452 -0.92 -0.714 -1.502 -0.714 H 43.293 c -0.747 0 -1.427 0.43 -1.748 1.104 c -0.321 0.674 -0.225 1.473 0.246 2.053 L 66.049 45 L 41.791 74.836 c -0.471 0.579 -0.567 1.378 -0.246 2.053 c 0.321 0.674 1.001 1.104 1.748 1.104 h 19.521 c 0.582 0 1.134 -0.263 1.502 -0.714 l 25.251 -31.057 C 90.145 45.51 90.145 44.49 89.566 43.779 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(206,62,62); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
|
|
<path d="M 48.208 43.779 l -25.25 -31.057 c -0.368 -0.452 -0.919 -0.714 -1.502 -0.714 H 1.936 c -0.747 0 -1.427 0.43 -1.748 1.104 c -0.321 0.674 -0.225 1.473 0.246 2.053 L 24.692 45 L 0.434 74.836 c -0.471 0.579 -0.567 1.378 -0.246 2.053 c 0.321 0.674 1.001 1.104 1.748 1.104 h 19.521 c 0.583 0 1.134 -0.263 1.502 -0.714 l 25.25 -31.057 C 48.786 45.51 48.786 44.49 48.208 43.779 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(206,62,62); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
|
|
@code
|
|
{
|
|
[Parameter]
|
|
public string Class { get; set; } = "";
|
|
}
|