Hitonabi/mission-control-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: Add fluid resolution-based scaling for WQHD and 4K displays in index.css

Browse Source
This commit is contained in:
Hitonabi
2026-06-26 13:44:20 +02:00
parent 77daa38cf0
commit 311f4d7b68
7 changed files with 29 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/dist/assets/index-CNOUjLQN.js → frontend/dist/assets/index-BPaKNJdw.js
Vendored
+2 -2
View File
File diff suppressed because one or more lines are too long
frontend/dist/assets/index-D8yfJQ7Z.css
Vendored
+1
View File
File diff suppressed because one or more lines are too long
frontend/dist/assets/index-yPX24G-1.css
Vendored
-1
View File
File diff suppressed because one or more lines are too long
frontend/dist/index.html
Vendored
+2 -2
View File
@@ -7,8 +7,8 @@
<link rel="manifest" href="/manifest.webmanifest" /> <link rel="manifest" href="/manifest.webmanifest" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<title>Mission Control 2.0</title> <title>Mission Control 2.0</title>
<script type="module" crossorigin src="/assets/index-CNOUjLQN.js"></script> <script type="module" crossorigin src="/assets/index-BPaKNJdw.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-yPX24G-1.css"> <link rel="stylesheet" crossorigin href="/assets/index-D8yfJQ7Z.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
frontend/src/index.css
+22
View File
@@ -210,3 +210,25 @@ input:focus, textarea:focus, select:focus {
box-shadow: 0 0 0 2px hsl(var(--primary) / 0.15) !important; box-shadow: 0 0 0 2px hsl(var(--primary) / 0.15) !important;
outline: none; outline: none;
} }
/* WQHD & 4K Monitor Responsive Scaling (Fluid Typography & UI Scaling) */
@media (min-width: 1440px) {
html {
font-size: 16.5px;
}
}
@media (min-width: 1920px) {
html {
font-size: 17.5px;
}
}
@media (min-width: 2560px) {
html {
font-size: 19px;
}
}
@media (min-width: 3440px) {
html {
font-size: 20px;
}
}
frontend/src/views/AgentView.tsx
+1 -1
View File
@@ -224,7 +224,7 @@ export function AgentView() {
</div> </div>
{/* The Graph Canvas Area */} {/* The Graph Canvas Area */}
<div ref={containerRef} className="relative w-full h-[360px] border border-border/30 rounded-xl bg-black/25 overflow-hidden flex"> <div ref={containerRef} className="relative w-full h-96 border border-border/30 rounded-xl bg-black/25 overflow-hidden flex">
<svg className="absolute inset-0 pointer-events-none w-full h-full"> <svg className="absolute inset-0 pointer-events-none w-full h-full">
<defs> <defs>
<linearGradient id="cyan-to-teal" x1="0%" y1="0%" x2="100%" y2="0%"> <linearGradient id="cyan-to-teal" x1="0%" y1="0%" x2="100%" y2="0%">
frontend/src/views/ModelsView.tsx
+1 -1
View File
@@ -488,7 +488,7 @@ function Cockpit() {
</div> </div>
{/* The Graph Canvas Area */} {/* The Graph Canvas Area */}
<div ref={containerRef} className="relative w-full h-[360px] border border-border/30 rounded-xl bg-black/25 overflow-hidden flex"> <div ref={containerRef} className="relative w-full h-96 border border-border/30 rounded-xl bg-black/25 overflow-hidden flex">
{/* SVG Overlay behind HTML Nodes */} {/* SVG Overlay behind HTML Nodes */}
<svg className="absolute inset-0 pointer-events-none w-full h-full"> <svg className="absolute inset-0 pointer-events-none w-full h-full">
{/* Gradients */} {/* Gradients */}