Spaces:
Paused
Paused
Update assets/custom.css via AI Editor
Browse files- assets/custom.css +45 -7
assets/custom.css
CHANGED
@@ -1,14 +1,48 @@
|
|
1 |
-
/* Left
|
2 |
#left-navbar {
|
3 |
background-color: #f8f9fa !important;
|
|
|
|
|
|
|
|
|
|
|
4 |
}
|
5 |
|
6 |
-
/* Right column main (white background) */
|
7 |
#right-main {
|
8 |
background-color: #fff !important;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
9 |
}
|
10 |
|
11 |
-
/* Primary button */
|
12 |
.btn-primary {
|
13 |
background-color: #1C304A;
|
14 |
border-color: #1C304A;
|
@@ -17,8 +51,6 @@
|
|
17 |
background-color: #116F70;
|
18 |
border-color: #116F70;
|
19 |
}
|
20 |
-
|
21 |
-
/* Secondary button */
|
22 |
.btn-secondary {
|
23 |
background-color: #116F70;
|
24 |
border-color: #116F70;
|
@@ -27,8 +59,6 @@
|
|
27 |
background-color: #00AEAF;
|
28 |
border-color: #00AEAF;
|
29 |
}
|
30 |
-
|
31 |
-
/* Tertiary button */
|
32 |
.btn-tertiary {
|
33 |
background-color: #E0E0E0;
|
34 |
border-color: #E0E0E0;
|
@@ -38,4 +68,12 @@
|
|
38 |
background-color: #DEF4F4;
|
39 |
border-color: #DEF4F4;
|
40 |
color: #1C304A;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
41 |
}
|
|
|
1 |
+
/* Left navbar (light gray), right column (white) */
|
2 |
#left-navbar {
|
3 |
background-color: #f8f9fa !important;
|
4 |
+
height: 100vh;
|
5 |
+
overflow-y: scroll !important;
|
6 |
+
overflow-x: auto !important;
|
7 |
+
scrollbar-width: auto;
|
8 |
+
scrollbar-color: #b0b0b0 #f8f9fa;
|
9 |
}
|
10 |
|
|
|
11 |
#right-main {
|
12 |
background-color: #fff !important;
|
13 |
+
height: 100vh;
|
14 |
+
overflow-y: scroll !important;
|
15 |
+
overflow-x: auto !important;
|
16 |
+
scrollbar-width: auto;
|
17 |
+
scrollbar-color: #b0b0b0 #fff;
|
18 |
+
}
|
19 |
+
|
20 |
+
/* Chat box scrollbars always visible */
|
21 |
+
#chat-window {
|
22 |
+
height: 60vh !important;
|
23 |
+
overflow-y: scroll !important;
|
24 |
+
overflow-x: auto !important;
|
25 |
+
scrollbar-width: auto;
|
26 |
+
scrollbar-color: #9fc2e7 #e0e0e0;
|
27 |
+
word-break: break-word;
|
28 |
+
white-space: pre-wrap;
|
29 |
+
}
|
30 |
+
|
31 |
+
::-webkit-scrollbar {
|
32 |
+
width: 12px;
|
33 |
+
height: 12px;
|
34 |
+
background: #e0e0e0;
|
35 |
+
}
|
36 |
+
|
37 |
+
::-webkit-scrollbar-thumb {
|
38 |
+
background: #9fc2e7;
|
39 |
+
border-radius: 6px;
|
40 |
+
}
|
41 |
+
|
42 |
+
::-webkit-scrollbar-corner {
|
43 |
+
background: #e0e0e0;
|
44 |
}
|
45 |
|
|
|
46 |
.btn-primary {
|
47 |
background-color: #1C304A;
|
48 |
border-color: #1C304A;
|
|
|
51 |
background-color: #116F70;
|
52 |
border-color: #116F70;
|
53 |
}
|
|
|
|
|
54 |
.btn-secondary {
|
55 |
background-color: #116F70;
|
56 |
border-color: #116F70;
|
|
|
59 |
background-color: #00AEAF;
|
60 |
border-color: #00AEAF;
|
61 |
}
|
|
|
|
|
62 |
.btn-tertiary {
|
63 |
background-color: #E0E0E0;
|
64 |
border-color: #E0E0E0;
|
|
|
68 |
background-color: #DEF4F4;
|
69 |
border-color: #DEF4F4;
|
70 |
color: #1C304A;
|
71 |
+
}
|
72 |
+
|
73 |
+
/* Ensure textareas always wrap */
|
74 |
+
textarea, .dash-textarea {
|
75 |
+
word-break: break-word !important;
|
76 |
+
white-space: pre-wrap !important;
|
77 |
+
overflow-wrap: break-word !important;
|
78 |
+
resize: vertical;
|
79 |
}
|