AlphaX/qortal-ui
1
0
Fork 0
forked from Qortal/qortal-ui
Code Issues Pull Requests Projects Releases Wiki Activity

adding pulse effect

Browse Source
This commit is contained in:
AlphaX-Projects 2023-06-13 17:59:19 +02:00
parent f91c3d69dc
commit b31808e1b0
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
core/src/components/show-plugin.js
View File

@ -165,12 +165,14 @@ class ShowPlugin extends connect(store)(LitElement) {
.count { .count {
font-weight: bold; font-weight: bold;
background-color: red; background-color: #C6011F;
color: white; color: white;
font-size: 12px; font-size: 12px;
padding: 2px 6px; padding: 2px 6px;
text-align: center; text-align: center;
border-radius: 5px; border-radius: 5px;
animation: pulse 1500ms infinite;
animation-duration: 6s;
} }
.ml-5 { .ml-5 {
@ -204,6 +206,15 @@ class ShowPlugin extends connect(store)(LitElement) {
.mr-20 { .mr-20 {
margin-right: 20px; margin-right: 20px;
} }
@keyframes pulse {
0% {
box-shadow:#C6011F 0 0 0 0;
}
75% {
box-shadow:#ff69b400 0 0 0 16px;
}
}
` `
} }