Commit 0cd4a1c2 authored by edy's avatar edy

fix(ui): preserve desktop shell layout

parent f798e1f7
...@@ -119,7 +119,8 @@ html, body, #root { ...@@ -119,7 +119,8 @@ html, body, #root {
} }
body { body {
min-height: 100vh; min-height: 100vh;
overflow: hidden; overflow-x: auto;
overflow-y: hidden;
} }
button, input, textarea, select { font: inherit; } button, input, textarea, select { font: inherit; }
button { button {
...@@ -179,4 +180,3 @@ label { ...@@ -179,4 +180,3 @@ label {
} }
p, h1, h2, h3, strong, span { margin: 0; } p, h1, h2, h3, strong, span { margin: 0; }
strong { font-weight: 600; } strong { font-weight: 600; }
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
isolation: isolate; isolation: isolate;
height: 100vh; height: 100vh;
min-height: 100vh; min-height: 100vh;
min-width: 960px;
display: grid; display: grid;
grid-template-columns: clamp(232px, 19vw, 280px) minmax(0, 1fr); grid-template-columns: clamp(232px, 19vw, 280px) minmax(0, 1fr);
overflow: hidden; overflow: hidden;
...@@ -1345,4 +1346,3 @@ button.secondary { ...@@ -1345,4 +1346,3 @@ button.secondary {
} }
} }
...@@ -17,6 +17,7 @@ ...@@ -17,6 +17,7 @@
--revamp-border-strong: rgba(148, 163, 184, 0.38); --revamp-border-strong: rgba(148, 163, 184, 0.38);
--revamp-shadow: 0 14px 32px rgba(15, 23, 42, 0.06); --revamp-shadow: 0 14px 32px rgba(15, 23, 42, 0.06);
--revamp-shadow-soft: 0 8px 18px rgba(15, 23, 42, 0.04); --revamp-shadow-soft: 0 8px 18px rgba(15, 23, 42, 0.04);
min-width: 960px;
grid-template-columns: clamp(260px, 20vw, 280px) minmax(0, 1fr); grid-template-columns: clamp(260px, 20vw, 280px) minmax(0, 1fr);
background: var(--revamp-canvas); background: var(--revamp-canvas);
color: var(--revamp-text); color: var(--revamp-text);
...@@ -53,11 +54,13 @@ ...@@ -53,11 +54,13 @@
.shell.openclaw-theme > .sidebar { .shell.openclaw-theme > .sidebar {
position: relative; position: relative;
height: 100vh;
overflow: hidden; overflow: hidden;
background: background:
radial-gradient(circle at 24px 84px, rgba(25, 182, 217, 0.2), transparent 36%), radial-gradient(circle at 24px 84px, rgba(25, 182, 217, 0.2), transparent 36%),
linear-gradient(180deg, #d8eaff 0%, #c8dfff 48%, #bed8f8 100%); linear-gradient(180deg, #d8eaff 0%, #c8dfff 48%, #bed8f8 100%);
border-right: 1px solid rgba(37, 99, 235, 0.34); border-right: 1px solid rgba(37, 99, 235, 0.34);
border-bottom: 0;
box-shadow: box-shadow:
inset -1px 0 0 rgba(255, 255, 255, 0.62), inset -1px 0 0 rgba(255, 255, 255, 0.62),
inset 0 1px 0 rgba(255, 255, 255, 0.54); inset 0 1px 0 rgba(255, 255, 255, 0.54);
...@@ -99,6 +102,7 @@ ...@@ -99,6 +102,7 @@
} }
.shell.openclaw-theme .nav-list { .shell.openclaw-theme .nav-list {
grid-template-columns: 1fr;
gap: 10px; gap: 10px;
} }
...@@ -110,6 +114,7 @@ ...@@ -110,6 +114,7 @@
border: 1px solid transparent; border: 1px solid transparent;
background: linear-gradient(135deg, rgba(242, 250, 255, 0.82), rgba(212, 236, 251, 0.74)); background: linear-gradient(135deg, rgba(242, 250, 255, 0.82), rgba(212, 236, 251, 0.74));
color: #2e516c; color: #2e516c;
justify-content: flex-start;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 10px 22px rgba(63, 128, 173, 0.12); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 10px 22px rgba(63, 128, 173, 0.12);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
...@@ -443,6 +448,7 @@ ...@@ -443,6 +448,7 @@
.shell.openclaw-theme .main-shell { .shell.openclaw-theme .main-shell {
min-width: 0; min-width: 0;
height: 100vh;
background: var(--revamp-canvas); background: var(--revamp-canvas);
} }
...@@ -982,4 +988,3 @@ ...@@ -982,4 +988,3 @@
} }
/* UI Component Styles */ /* UI Component Styles */
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment