From 4c5b612cb2563817f9da50413c7cf9e89b4c4d4a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8F=A4=E5=A4=A7=E7=BE=8A?= <gdy666@foxmail.com>
Date: Sun, 19 May 2024 18:00:10 +0800
Subject: [PATCH] fix: shell window size (#3198)
---
frontend/src/css/_shell.css | 16 +++++++++++++---
frontend/src/css/_variables.css | 4 ++++
2 files changed, 17 insertions(+), 3 deletions(-)
diff --git a/frontend/src/css/_shell.css b/frontend/src/css/_shell.css
index 3fca2d7d..1d2813a9 100644
--- a/frontend/src/css/_shell.css
+++ b/frontend/src/css/_shell.css
@@ -6,15 +6,22 @@
background: var(--surfacePrimary);
color: var(--textPrimary);
z-index: 9999;
- background: rgba(127, 127, 127, 0.1);
+ background: var(--dividerSecondary);
transition: 0.2s ease background;
cursor: ns-resize;
touch-action: none;
user-select: none;
+ width: 100%;
+}
+
+.shell__divider{
+ background: rgba(127, 127, 127, 0.3);
+ width: 100%;
+ height: 8px;
}
.shell__divider:hover {
- background: rgba(127, 127, 127, 0.4);
+ background: rgba(127, 127, 127, 0.9);
}
.shell__content {
@@ -34,7 +41,7 @@
top: 0px;
left: 0px;
z-index: 9998;
- background-color: rgba(0, 0, 0, 0.05);
+ background-color: var(--dividerPrimary);
}
body.rtl .shell-content {
@@ -62,6 +69,8 @@ body.rtl .shell-content {
font-size: inherit;
}
+
+
.shell__prompt {
width: 1.2rem;
}
@@ -75,4 +84,5 @@ body.rtl .shell-content {
font-family: inherit;
white-space: pre-wrap;
width: 100%;
+ color:var(--textSecondary);
}
diff --git a/frontend/src/css/_variables.css b/frontend/src/css/_variables.css
index 468b08dd..a56285ba 100644
--- a/frontend/src/css/_variables.css
+++ b/frontend/src/css/_variables.css
@@ -31,6 +31,8 @@
--hover: rgba(0, 0, 0, 0.1);
--borderPrimary: rgba(0, 0, 0, 0.1);
--borderSecondary: rgba(0, 0, 0, 0.2);
+ --dividerPrimary: rgba(255, 255, 255, 0.4);
+ --dividerSecondary: rgba(255, 255, 255, 0.9);
}
:root.dark {
@@ -51,4 +53,6 @@
--hover: rgba(255, 255, 255, 0.1);
--borderPrimary: rgba(255, 255, 255, 0.05);
--borderSecondary: rgba(255, 255, 255, 0.15);
+ --dividerPrimary: rgba(30, 30, 30, 0.4);
+ --dividerSecondary:rgba(30, 30, 30, 0.6);
}