Keep the server picker simple by default
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
export const HARBOR_VERSIONS = Object.freeze({
|
||||
macClient: '0.7.20',
|
||||
gatewayClient: '0.7.20',
|
||||
macClient: '0.7.21',
|
||||
gatewayClient: '0.7.21',
|
||||
gatewayBackend: '0.7.1',
|
||||
});
|
||||
|
||||
|
||||
@@ -10,6 +10,7 @@ import {
|
||||
const FAVORITES_KEY = 'harbor-server-favorites';
|
||||
const RECENT_KEY = 'harbor-server-recent';
|
||||
const AUTO_KEY = 'harbor-server-auto';
|
||||
const SIMPLE_SERVER_LIMIT = 5;
|
||||
|
||||
function readList(key) {
|
||||
try {
|
||||
@@ -188,7 +189,7 @@ export function ServerPicker({
|
||||
const simpleServers = [
|
||||
...(selected ? [selected] : []),
|
||||
...servers.filter(({ id }) => id !== selectedServerId),
|
||||
].slice(0, SERVER_RESULT_WINDOW);
|
||||
].slice(0, SIMPLE_SERVER_LIMIT);
|
||||
|
||||
return <section className="client-servers is-scalable" aria-label="Выберите сервер">
|
||||
{prompt && <span className="client-server-prompt">Выберите сервер</span>}
|
||||
@@ -274,7 +275,7 @@ export function ServerPicker({
|
||||
{autoActive ? serverHealthText(pings[selectedServerId]) : 'Первый стабильный сервер'}
|
||||
</small>
|
||||
</button>
|
||||
{selected && !autoActive && <ServerRow
|
||||
{selected && <ServerRow
|
||||
server={selected}
|
||||
selected
|
||||
favorite={favorites.includes(selected.id)}
|
||||
|
||||
@@ -2057,10 +2057,7 @@ p {
|
||||
min-width: 0;
|
||||
width: min(360px, 100%);
|
||||
max-height: min(640px, calc(100vh - 120px));
|
||||
overflow-y: auto;
|
||||
overscroll-behavior: contain;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: rgba(125, 249, 255, 0.34) transparent;
|
||||
overflow: visible;
|
||||
display: grid;
|
||||
gap: 36px;
|
||||
transition: opacity 650ms cubic-bezier(0.16, 1, 0.3, 1), filter 650ms cubic-bezier(0.16, 1, 0.3, 1);
|
||||
@@ -2919,8 +2916,17 @@ p {
|
||||
overflow-y: auto;
|
||||
overscroll-behavior: contain;
|
||||
padding-right: 5px;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: color-mix(in oklch, var(--client-accent) 36%, transparent) transparent;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
|
||||
.client-server-scroll::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.client-server-mode-panel.is-simple .client-server-scroll {
|
||||
max-height: none;
|
||||
overflow: visible;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.client-server-scroll.is-leaving {
|
||||
|
||||
Reference in New Issue
Block a user