nessi/NexaVPN
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: reduce window size and remove transfer metrics display from main UI

Browse Source 
Reduce default window dimensions from 1120x760 to 940x640 pixels and disable resizing. Remove TunnelMetrics and RawTunnelMetrics types, formatDataSize and normalizeTunnelMetrics helpers, and all transfer statistics tracking from App component. Replace refreshTunnelMetrics with simpler refreshTunnelStatus that only queries tunnel active state. Remove received/sent data display cards from status panel and eliminate metrics
This commit is contained in:
Sascha Nesterovic
2026-03-18 10:34:12 +01:00
parent 799bc6550e
commit 56acc96229
3 changed files with 37 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
desktop-client/src/styles.css
View File

@@ -28,14 +28,14 @@ input {
.client-shell {
min-height: 100vh;
padding: 28px;
padding: 18px;
}
.app-frame {
width: min(1120px, 100%);
width: min(920px, 100%);
margin: 0 auto;
display: grid;
gap: 18px;
gap: 14px;
}
.top-strip {
@@ -88,7 +88,7 @@ input {
.top-actions {
display: flex;
gap: 10px;
gap: 8px;
flex-wrap: wrap;
}
@@ -96,7 +96,7 @@ input {
.shell-button-secondary {
border: 0;
border-radius: 999px;
padding: 12px 18px;
padding: 10px 16px;
font-weight: 700;
cursor: pointer;
transition: 160ms ease;
@@ -130,16 +130,16 @@ input {
.body-grid {
display: grid;
grid-template-columns: 1.3fr 0.7fr;
gap: 22px;
grid-template-columns: minmax(0, 1fr) 290px;
gap: 16px;
}
.login-panel,
.status-panel {
border-radius: 28px;
padding: 24px;
padding: 18px;
display: grid;
gap: 20px;
gap: 14px;
}
.status-panel > p {
@@ -178,9 +178,9 @@ input {
.surface {
border-radius: 24px;
padding: 18px;
padding: 14px;
display: grid;
gap: 14px;
gap: 12px;
}
.surface-header {
@@ -199,22 +199,22 @@ input {
.profile-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
gap: 10px;
}
.detail-card,
.profile-card {
padding: 14px;
border-radius: 18px;
padding: 12px;
border-radius: 16px;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(177, 197, 229, 0.1);
display: grid;
gap: 6px;
gap: 5px;
}
.detail-card strong,
.profile-card strong {
font-size: 1rem;
font-size: 0.98rem;
word-break: break-word;
}
@@ -223,16 +223,23 @@ input {
padding: 0;
list-style: none;
display: grid;
gap: 10px;
gap: 8px;
}
.resource-stack li {
padding: 14px 16px;
padding: 12px 14px;
border-radius: 16px;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(177, 197, 229, 0.1);
color: #eef4ff;
word-break: break-word;
min-height: 54px;
display: flex;
align-items: center;
}
.access-hint {
font-size: 0.95rem;
}
.login-panel form {