style: 优化 loading 样式格式化

This commit is contained in:
dap
2026-04-16 20:06:59 +08:00
parent 46e31db3af
commit 5586be16b9

View File

@@ -95,7 +95,9 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
transform-origin: 33% center; transform-origin: 33% center;
box-shadow: 2px -10px 0px rgba(0, 0, 0, 0.1), inset -5px -10px 0px rgba(0, 0, 0, 0.1); box-shadow:
2px -10px 0px rgba(0, 0, 0, 0.1),
inset -5px -10px 0px rgba(0, 0, 0, 0.1);
animation: ring 3s ease infinite; animation: ring 3s ease infinite;
/* small ball */ /* small ball */
/* inner ring */ /* inner ring */
@@ -112,7 +114,7 @@
} }
.content .planet .ring:before { .content .planet .ring:before {
content: ""; content: '';
position: absolute; position: absolute;
width: 10px; width: 10px;
height: 30px; height: 30px;
@@ -124,7 +126,7 @@
} }
.content .planet .ring:after { .content .planet .ring:after {
content: ""; content: '';
position: absolute; position: absolute;
width: 240px; width: 240px;
height: 240px; height: 240px;
@@ -230,7 +232,7 @@
z-index: 2; z-index: 2;
position: absolute; position: absolute;
bottom: -20px; bottom: -20px;
font-family: "Roboto Mono", monospace; font-family: 'Roboto Mono', monospace;
animation: text 4s ease infinite; animation: text 4s ease infinite;
width: 100px; width: 100px;
text-align: center; text-align: center;
@@ -279,12 +281,9 @@
<span></span> <span></span>
<span></span> <span></span>
<span></span> <span></span>
</div> </div>
</div> </div>
</div> </div>
<div class="title"> <div class="title">%VITE_APP_TITLE%</div>
<%= VITE_APP_TITLE %>
</div>
</div> </div>