aiolabs/lightning-pub
2
0
Fork 0
Code Issues 9 Pull requests 4 Projects Releases Packages Wiki Activity Actions

updated ui

Browse source
This commit is contained in:
polarDefender 2024-05-30 13:07:10 -07:00
parent 4c8fdee612
commit b368a77300
12 changed files with 243 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

49
static/css/connect.css Normal file
View file

@ -0,0 +1,49 @@
.qrcode-box::before {
content: "";
position: absolute;
inset: 0;
border-radius: 15px;
border: 1px solid transparent;
background: linear-gradient(60deg, #ff7700 0%, #c740c7 100% ) border-box;
mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: destination-out;
mask-composite: exclude;
}
.qrcode-box {
display: block;
position: relative;
width: 253px;
height: 241px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
margin-top: 10px;
padding: 10px;
transition: background-color 0.5s;
border-radius: 15px;
}
.qrcode-box:hover {
background-color: #80808062;
transition: background-color 0.3s;
}
.qrcode-box-clicked::before {
content: "";
position: absolute;
inset: 0;
border-radius: 15px;
border: 1px solid transparent;
background: linear-gradient(60deg, #ff7700 0%, #c740c7 100% ) border-box;
mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: destination-out;
mask-composite: exclude;
}
.qrcode-box-clicked {
display: block;
position: relative;
width: 253px;
height: 241px;
margin-top: 10px;
padding: 10px;
transition: background-color 0.5s;
border-radius: 15px;
}