mirror of
https://github.com/binaricat/Netcatty.git
synced 2026-11-11 08:42:45 +00:00
LAPTOP-O016UC3M\Qi Chen
47ee220be7
- Added helper functions to format transfer bytes and speed for better UI representation. - Improved TransferItem component to display bytes transferred and remaining time. - Implemented streaming transfer with real-time progress updates and cancellation capability in the Electron main process. - Introduced IPC handlers for file operations including delete, rename, and stat for both SFTP and local filesystems. - Updated preload script to handle transfer progress, completion, and error events. - Enhanced global type definitions to support new streaming transfer API. - Modified CSS animations for a smoother progress indication.
123 lines
2.6 KiB
CSS
123 lines
2.6 KiB
CSS
:root {
|
|
color-scheme: light;
|
|
}
|
|
|
|
body {
|
|
min-height: 100vh;
|
|
background:
|
|
radial-gradient(900px circle at 15% 0%, hsl(var(--primary) / 0.10), transparent 38%),
|
|
radial-gradient(1200px circle at 85% 10%, hsl(var(--accent) / 0.16), transparent 40%),
|
|
hsl(var(--background));
|
|
color: hsl(var(--foreground));
|
|
}
|
|
|
|
.dark {
|
|
color-scheme: dark;
|
|
}
|
|
|
|
.dark body {
|
|
background:
|
|
radial-gradient(1200px circle at 10% 0%, hsl(var(--primary) / 0.08), transparent 32%),
|
|
radial-gradient(900px circle at 85% 10%, hsl(var(--accent) / 0.12), transparent 36%),
|
|
hsl(var(--background));
|
|
color: hsl(var(--foreground));
|
|
}
|
|
|
|
.nebula-shell {
|
|
position: relative;
|
|
background: linear-gradient(180deg, hsl(var(--background)) 0%, hsl(var(--background)) 60%, hsl(var(--background) / 0.9) 100%);
|
|
}
|
|
|
|
@keyframes shimmer {
|
|
0% { transform: translateX(-100%); }
|
|
100% { transform: translateX(100%); }
|
|
}
|
|
|
|
@keyframes progress-shimmer {
|
|
0% { transform: translateX(-200%); }
|
|
100% { transform: translateX(200%); }
|
|
}
|
|
|
|
.glass-panel {
|
|
background: hsl(var(--secondary) / 0.95);
|
|
border: 1px solid hsl(var(--border) / 0.8);
|
|
backdrop-filter: blur(12px);
|
|
box-shadow: 0 14px 40px rgba(0, 0, 0, 0.24);
|
|
}
|
|
|
|
.soft-card {
|
|
background: hsl(var(--card));
|
|
border: 1px solid hsl(var(--border) / 0.8);
|
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02), 0 12px 36px rgba(0, 0, 0, 0.22);
|
|
}
|
|
|
|
.card-highlight {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.card-highlight::before {
|
|
content: "";
|
|
position: absolute;
|
|
inset: -40%;
|
|
background: radial-gradient(500px circle at 20% 20%, hsl(var(--primary) / 0.18), transparent 55%);
|
|
opacity: 0;
|
|
transition: opacity 180ms ease;
|
|
}
|
|
|
|
.card-highlight:hover::before {
|
|
opacity: 1;
|
|
}
|
|
|
|
.elevate {
|
|
transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
|
|
}
|
|
|
|
.elevate:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
|
|
}
|
|
|
|
::selection {
|
|
background: hsl(var(--primary) / 0.22);
|
|
color: hsl(var(--foreground));
|
|
}
|
|
|
|
/* Custom titlebar drag regions for Electron */
|
|
.app-drag {
|
|
-webkit-app-region: drag;
|
|
}
|
|
|
|
.app-no-drag {
|
|
-webkit-app-region: no-drag;
|
|
}
|
|
|
|
.no-scrollbar {
|
|
scrollbar-width: none;
|
|
-ms-overflow-style: none;
|
|
}
|
|
.no-scrollbar::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.workspace-pane {
|
|
outline: none;
|
|
overflow: visible;
|
|
}
|
|
|
|
.workspace-pane::after {
|
|
content: "";
|
|
position: absolute;
|
|
inset: 0;
|
|
border-radius: 0;
|
|
border: 2px solid hsl(var(--primary));
|
|
pointer-events: none;
|
|
opacity: 0;
|
|
transition: opacity 120ms ease, box-shadow 120ms ease;
|
|
z-index: 40;
|
|
}
|
|
|
|
.workspace-pane:focus-within::after {
|
|
opacity: 1;
|
|
}
|