linkong/planet
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

release: bump version to 0.25.3

Browse Source
This commit is contained in:
rayd1o
2026-04-11 03:42:35 +08:00
parent 60ed88b609
commit 10e2bae8c2
21 changed files with 410 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files

152
frontend/public/earth/css/info-panel.css
View File

@@ -4,45 +4,97 @@
top: var(--hud-offset);
left: var(--hud-offset);
border-radius: var(--hud-radius);
padding: calc(20px * var(--hud-scale));
width: calc(320px * var(--hud-scale));
padding: calc(22px * var(--hud-scale));
width: calc(336px * var(--hud-scale));
z-index: 10;
font-size: var(--hud-font-size);
}
.hud-panel-info .earth-app-title {
font-size: calc(1.8rem * var(--hud-scale));
margin-bottom: var(--hud-gap-xs);
color: #4db8ff;
text-shadow: 0 0 10px rgba(77, 184, 255, 0.5);
text-align: center;
.hud-panel-info .earth-brand {
margin-bottom: calc(12px * var(--hud-scale));
display: flex;
align-items: flex-start;
gap: calc(10px * var(--hud-scale));
min-width: 0;
}
.hud-panel-info .subtitle {
margin-bottom: calc(20px * var(--hud-scale));
border-bottom: 1px solid rgba(255,255,255,0.1);
padding-bottom: calc(12px * var(--hud-scale));
text-align: center;
.hud-panel-info .earth-brand__logo {
display: block;
flex: 0 0 auto;
width: min(calc(148px * var(--hud-scale)), 41%);
height: auto;
object-fit: contain;
image-rendering: auto;
}
.hud-panel-info .earth-brand__copy {
display: flex;
flex: 1 1 auto;
min-width: 0;
flex-direction: column;
justify-content: center;
gap: calc(8px * var(--hud-scale));
}
.hud-panel-info .earth-brand__title {
display: block;
width: min(100%, calc(196px * var(--hud-scale)));
max-width: 100%;
height: auto;
object-fit: contain;
image-rendering: auto;
}
.hud-panel-info .earth-brand__meta {
text-align: left;
display: flex;
flex-direction: column;
align-items: center;
align-items: flex-start;
gap: calc(4px * var(--hud-scale));
}
.hud-panel-info .subtitle-main {
color: #d7e7f5;
font-size: calc(0.95rem * var(--hud-scale));
line-height: 1.35;
.hud-panel-info .earth-brand__subtitle {
color: var(--hud-text-muted);
font-size: calc(0.84rem * var(--hud-scale));
line-height: 1.38;
font-weight: 500;
letter-spacing: 0.02em;
letter-spacing: 0.015em;
}
.hud-panel-info .subtitle-meta {
color: #8ea5bc;
font-size: calc(0.74rem * var(--hud-scale));
line-height: 1.3;
.hud-panel-info .earth-brand__description {
color: var(--hud-text-soft);
font-size: calc(0.66rem * var(--hud-scale));
line-height: 1.35;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.hud-panel-info .earth-brand--en .earth-brand__logo {
width: min(calc(140px * var(--hud-scale)), 39%);
}
.hud-panel-info .earth-brand--en .earth-brand__title {
width: min(100%, calc(208px * var(--hud-scale)));
}
.hud-panel-info .earth-brand--en .earth-brand__meta {
gap: calc(3px * var(--hud-scale));
}
.hud-panel-info .earth-brand--en .earth-brand__subtitle,
.hud-panel-info .earth-brand--en .earth-brand__description {
font-family: "Roboto Condensed", "Arial Narrow", "Trebuchet MS", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.hud-panel-info .earth-brand--en .earth-brand__subtitle {
font-size: calc(0.84rem * var(--hud-scale));
line-height: 1.26;
letter-spacing: 0.01em;
}
.hud-panel-info .earth-brand--en .earth-brand__description {
font-size: calc(0.66rem * var(--hud-scale));
line-height: 1.24;
letter-spacing: 0.045em;
}
/* Info Card - Unified details panel (inside info-panel) */
@@ -50,13 +102,13 @@
display: none;
margin-top: var(--hud-gap-lg);
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(110, 176, 255, 0.04)),
rgba(7, 18, 36, 0.2);
border-radius: calc(14px * var(--hud-scale));
border: 1px solid rgba(225, 242, 255, 0.12);
linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 48%),
rgba(255, 255, 255, 0.025);
border-radius: calc(18px * var(--hud-scale));
border: 1px solid rgba(214, 229, 245, 0.08);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.08),
0 10px 24px rgba(0, 0, 0, 0.16);
inset 0 1px 0 rgba(255, 255, 255, 0.05),
0 12px 28px rgba(0, 0, 0, 0.14);
padding: 0;
overflow: hidden;
pointer-events: auto;
@@ -70,8 +122,9 @@
.info-card-header {
display: flex;
align-items: center;
padding: calc(10px * var(--hud-scale)) calc(12px * var(--hud-scale));
background: linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(77, 184, 255, 0.06));
padding: calc(12px * var(--hud-scale)) calc(14px * var(--hud-scale));
background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015));
border-bottom: 1px solid var(--hud-line);
gap: var(--hud-gap-sm);
}
@@ -82,16 +135,17 @@
.info-card-header h3 {
flex: 1;
margin: 0;
font-size: calc(1rem * var(--hud-scale));
color: #4db8ff;
font-size: calc(0.96rem * var(--hud-scale));
color: var(--hud-title);
font-weight: 600;
}
.info-card-content {
padding: calc(10px * var(--hud-scale)) calc(12px * var(--hud-scale));
padding: calc(12px * var(--hud-scale)) calc(14px * var(--hud-scale));
max-height: 40vh;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: rgba(160, 220, 255, 0.45) transparent;
scrollbar-color: rgba(160, 186, 216, 0.34) transparent;
pointer-events: auto;
}
@@ -104,19 +158,20 @@
}
.info-card-content::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, rgba(210, 237, 255, 0.32), rgba(110, 176, 255, 0.34));
background: linear-gradient(180deg, rgba(210, 225, 242, 0.2), rgba(126, 154, 185, 0.28));
border-radius: 999px;
}
.info-card-content::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, rgba(232, 246, 255, 0.42), rgba(128, 198, 255, 0.46));
background: linear-gradient(180deg, rgba(226, 236, 246, 0.28), rgba(136, 164, 196, 0.34));
}
.info-card-property {
display: flex;
justify-content: space-between;
padding: calc(6px * var(--hud-scale));
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
align-items: flex-start;
padding: calc(8px * var(--hud-scale)) 0;
border-bottom: 1px solid rgba(214, 229, 245, 0.06);
pointer-events: auto;
gap: var(--hud-gap-sm);
}
@@ -126,22 +181,25 @@
}
.info-card-label {
color: #aaa;
font-size: calc(0.85rem * var(--hud-scale));
color: var(--hud-text-soft);
font-size: calc(0.72rem * var(--hud-scale));
letter-spacing: 0.1em;
text-transform: uppercase;
cursor: pointer;
transition: color 0.18s ease;
}
.info-card-label:hover {
color: #d9f1ff;
color: var(--hud-text-muted);
}
.info-card-value {
color: #4db8ff;
font-weight: 500;
font-size: calc(0.9rem * var(--hud-scale));
color: var(--hud-text);
font-weight: 600;
font-size: calc(0.88rem * var(--hud-scale));
line-height: 1.45;
text-align: right;
max-width: calc(180px * var(--hud-scale));
max-width: calc(190px * var(--hud-scale));
word-break: break-word;
}