release: bump version to 0.34.0
This commit is contained in:
linkong
@@ -453,6 +453,246 @@
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.earth-search-modal {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 255;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
transition: opacity 0.2s ease, visibility 0.2s ease;
|
||||
}
|
||||
|
||||
.earth-search-modal.is-open {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.earth-search-backdrop {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background: rgba(2, 8, 20, 0.38);
|
||||
backdrop-filter: blur(10px);
|
||||
-webkit-backdrop-filter: blur(10px);
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s ease;
|
||||
}
|
||||
|
||||
.earth-search-modal.is-open .earth-search-backdrop {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.earth-search-sheet {
|
||||
position: fixed;
|
||||
top: max(calc(28px * var(--hud-scale)), 8vh);
|
||||
left: 50%;
|
||||
width: min(calc(680px * var(--hud-scale)), calc(100vw - (32px * var(--hud-scale))));
|
||||
max-height: min(calc(720px * var(--hud-scale)), calc(100vh - (56px * var(--hud-scale))));
|
||||
transform: translateX(-50%) scale(0.98);
|
||||
transform-origin: top center;
|
||||
padding: calc(var(--hud-panel-padding) * var(--hud-scale));
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: calc(var(--hud-gap-md) * var(--hud-scale));
|
||||
overflow: hidden;
|
||||
opacity: 0;
|
||||
filter: blur(10px);
|
||||
transition:
|
||||
transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1),
|
||||
opacity 0.22s ease,
|
||||
filter 0.22s ease;
|
||||
}
|
||||
|
||||
.earth-search-modal.is-open .earth-search-sheet {
|
||||
transform: translateX(-50%) scale(1);
|
||||
opacity: 1;
|
||||
filter: blur(0);
|
||||
}
|
||||
|
||||
.earth-search-header,
|
||||
.earth-search-content {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.earth-search-kicker {
|
||||
color: var(--hud-text-soft);
|
||||
font-size: calc(0.72rem * var(--hud-scale));
|
||||
letter-spacing: 0.16em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.earth-search-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: calc(var(--hud-gap-sm) * var(--hud-scale));
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.earth-search-input-shell {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: calc(8px * var(--hud-scale));
|
||||
min-height: calc(48px * var(--hud-scale));
|
||||
padding: calc(8px * var(--hud-scale)) calc(12px * var(--hud-scale));
|
||||
border: 1px solid rgba(214, 230, 247, 0.12);
|
||||
background:
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent),
|
||||
rgba(255, 255, 255, 0.03);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
|
||||
.earth-search-input-shell:focus-within {
|
||||
border-color: rgba(215, 230, 249, 0.22);
|
||||
box-shadow:
|
||||
inset 0 1px 0 rgba(255, 255, 255, 0.08),
|
||||
0 0 0 1px rgba(126, 174, 236, 0.1);
|
||||
}
|
||||
|
||||
.earth-search-input-icon {
|
||||
color: var(--hud-text-muted);
|
||||
font-size: calc(20px * var(--hud-scale));
|
||||
}
|
||||
|
||||
.earth-search-input {
|
||||
flex: 1 1 auto;
|
||||
min-width: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
background: transparent;
|
||||
color: var(--hud-title);
|
||||
font: inherit;
|
||||
font-size: calc(0.9rem * var(--hud-scale));
|
||||
letter-spacing: 0.01em;
|
||||
}
|
||||
|
||||
.earth-search-input::placeholder {
|
||||
color: rgba(190, 208, 227, 0.46);
|
||||
}
|
||||
|
||||
.earth-search-clear[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.earth-search-meta {
|
||||
min-height: calc(18px * var(--hud-scale));
|
||||
color: var(--hud-text-muted);
|
||||
font-size: calc(0.7rem * var(--hud-scale));
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
|
||||
.earth-search-results {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: calc(8px * var(--hud-scale));
|
||||
min-height: 0;
|
||||
overflow-y: auto;
|
||||
padding-right: calc(4px * var(--hud-scale));
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: rgba(160, 186, 216, 0.34) transparent;
|
||||
}
|
||||
|
||||
.earth-search-results::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
.earth-search-results::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.earth-search-results::-webkit-scrollbar-thumb {
|
||||
background: linear-gradient(180deg, rgba(210, 225, 242, 0.2), rgba(126, 154, 185, 0.28));
|
||||
border-radius: 999px;
|
||||
}
|
||||
|
||||
.earth-search-empty {
|
||||
color: var(--hud-text-muted);
|
||||
font-size: calc(0.76rem * var(--hud-scale));
|
||||
line-height: 1.55;
|
||||
padding: calc(8px * var(--hud-scale)) calc(2px * var(--hud-scale));
|
||||
}
|
||||
|
||||
.earth-search-result {
|
||||
display: grid;
|
||||
grid-template-columns: auto minmax(0, 1fr) auto;
|
||||
align-items: center;
|
||||
gap: calc(12px * var(--hud-scale));
|
||||
width: 100%;
|
||||
padding: calc(12px * var(--hud-scale)) calc(14px * var(--hud-scale));
|
||||
border: 1px solid rgba(212, 227, 244, 0.09);
|
||||
background:
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent),
|
||||
rgba(255, 255, 255, 0.025);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
|
||||
color: inherit;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
transition:
|
||||
background 0.18s ease,
|
||||
border-color 0.18s ease,
|
||||
transform 0.18s ease;
|
||||
}
|
||||
|
||||
.earth-search-result:hover,
|
||||
.earth-search-result.is-active {
|
||||
border-color: rgba(224, 236, 249, 0.16);
|
||||
background:
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent),
|
||||
rgba(255, 255, 255, 0.04);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
.earth-search-result-icon {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: calc(32px * var(--hud-scale));
|
||||
height: calc(32px * var(--hud-scale));
|
||||
border-radius: calc(10px * var(--hud-scale));
|
||||
background: rgba(255, 255, 255, 0.06);
|
||||
border: 1px solid rgba(214, 230, 247, 0.1);
|
||||
color: var(--hud-accent-strong);
|
||||
}
|
||||
|
||||
.earth-search-result-icon .material-symbols-rounded {
|
||||
font-size: calc(18px * var(--hud-scale));
|
||||
}
|
||||
|
||||
.earth-search-result-copy {
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 3px;
|
||||
}
|
||||
|
||||
.earth-search-result-title {
|
||||
color: var(--hud-title);
|
||||
font-size: calc(0.86rem * var(--hud-scale));
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.01em;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.earth-search-result-subtitle {
|
||||
color: var(--hud-text-soft);
|
||||
font-size: calc(0.72rem * var(--hud-scale));
|
||||
line-height: 1.45;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.earth-search-result-type {
|
||||
color: var(--hud-text-muted);
|
||||
font-size: calc(0.68rem * var(--hud-scale));
|
||||
letter-spacing: 0.08em;
|
||||
text-transform: uppercase;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.earth-settings-modal {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
|
||||
Reference in New Issue
Block a user