zynfly/sqliteviz
1
0
Fork 0
mirror of https://github.com/lana-k/sqliteviz.git synced 2025-12-08 02:58:54 +08:00
Code Issues Projects Releases Wiki Activity

Deploying to build from @ 1f2327a724 🚀

Browse Source
This commit is contained in:
lana-k
2021-04-30 17:07:01 +00:00
parent 450c15f233
commit b64c69be59
7 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
index.html
View File

@@ -1,4 +1,4 @@
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=favicon.png><link rel=manifest href=manifest.webmanifest><title>sqliteviz</title><style>#loading-wrapper {
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=favicon.png><link rel=manifest href=manifest.webmanifest><title>sqliteviz</title><style>#sqliteviz-loading-wrapper {
position: fixed;
width: 100%;
height: 100%;
@@ -7,7 +7,7 @@
background-color: white;
}
#loading-text {
#sqliteviz-loading-text {
display: block;
position: absolute;
top: 50%;
@@ -18,7 +18,7 @@
font-size: 20px;
}
.svg-container {
#sqliteviz-loading-wrapper svg {
display: block;
position: absolute;
left: 50%;
@@ -26,7 +26,7 @@
transform: translate(-50%, -50%);
}
.loader-svg {
#sqliteviz-loading-wrapper circle {
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
fill: none;
@@ -35,16 +35,16 @@
stroke: #119DFF;
}
.loader-svg.bg {
#sqliteviz-loading-wrapper circle.bg {
stroke: #C8D4E3;
}
.loader-svg.front {
#sqliteviz-loading-wrapper circle.front {
stroke-dasharray: 402px;
animation: loading 2s linear 0s infinite;
animation: sqliteviz-loading 2s linear 0s infinite;
}
@keyframes loading {
@keyframes sqliteviz-loading {
0% {
stroke-dasharray: 100px 402px;
stroke-dashoffset: 0;
@@ -57,4 +57,4 @@
stroke-dasharray: 100px 402px;
stroke-dashoffset: -502px;
}
}</style><link href=js/chunk-60ca3258.d05ccfc9.js rel=prefetch><link href=css/app.4ade5f3f.css rel=preload as=style><link href=css/chunk-vendors.bee6f52f.css rel=preload as=style><link href=js/app.ddb7d9aa.js rel=preload as=script><link href=js/chunk-vendors.fe2238bd.js rel=preload as=script><link href=css/chunk-vendors.bee6f52f.css rel=stylesheet><link href=css/app.4ade5f3f.css rel=stylesheet></head><body><noscript><strong>We're sorry but sqliteviz doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app><div id=loading-wrapper><div id=loading-text>LOADING</div><svg class=svg-container height=170 width=170 viewBox="0 0 170 170"><circle class="loader-svg bg" cx=85 cy=85 r=80 /><circle class="loader-svg front" cx=85 cy=85 r=80 /></svg></div></div><script src=js/chunk-vendors.fe2238bd.js></script><script src=js/app.ddb7d9aa.js></script></body></html>
}</style><link href=js/chunk-60ca3258.d05ccfc9.js rel=prefetch><link href=css/app.34fbb9cf.css rel=preload as=style><link href=css/chunk-vendors.bee6f52f.css rel=preload as=style><link href=js/app.54ef3579.js rel=preload as=script><link href=js/chunk-vendors.fe2238bd.js rel=preload as=script><link href=css/chunk-vendors.bee6f52f.css rel=stylesheet><link href=css/app.34fbb9cf.css rel=stylesheet></head><body><noscript><strong>We're sorry but sqliteviz doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app><div id=sqliteviz-loading-wrapper><div id=sqliteviz-loading-text>LOADING</div><svg height=170 width=170 viewBox="0 0 170 170"><circle class=bg cx=85 cy=85 r=80 /><circle class=front cx=85 cy=85 r=80 /></svg></div></div><script src=js/chunk-vendors.fe2238bd.js></script><script src=js/app.54ef3579.js></script></body></html>