Update light_mode_chatter_owl.css
Browse files- light_mode_chatter_owl.css +17 -2
light_mode_chatter_owl.css
CHANGED
|
@@ -8,8 +8,16 @@
|
|
| 8 |
--shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
| 9 |
}
|
| 10 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 11 |
.gradio-container {
|
| 12 |
background-color: var(--bg-color);
|
|
|
|
| 13 |
font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
|
| 14 |
color: var(--text-color);
|
| 15 |
padding: 1.5em;
|
|
@@ -80,13 +88,20 @@ h1, h2 {
|
|
| 80 |
}
|
| 81 |
|
| 82 |
#sidebar {
|
| 83 |
-
position:
|
| 84 |
top: 0;
|
|
|
|
|
|
|
| 85 |
height: 100vh;
|
| 86 |
background-color: #f7f7f7;
|
| 87 |
-
padding:
|
| 88 |
overflow-y: auto;
|
| 89 |
border-right: 1px solid #ddd;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 90 |
}
|
| 91 |
|
| 92 |
#main-column {
|
|
|
|
| 8 |
--shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
| 9 |
}
|
| 10 |
|
| 11 |
+
body, html {
|
| 12 |
+
margin: 0;
|
| 13 |
+
padding: 0;
|
| 14 |
+
width: 100%;
|
| 15 |
+
overflow-x: hidden;
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
.gradio-container {
|
| 19 |
background-color: var(--bg-color);
|
| 20 |
+
max-width: 100% !important;
|
| 21 |
font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
|
| 22 |
color: var(--text-color);
|
| 23 |
padding: 1.5em;
|
|
|
|
| 88 |
}
|
| 89 |
|
| 90 |
#sidebar {
|
| 91 |
+
position: fixed;
|
| 92 |
top: 0;
|
| 93 |
+
left: 0;
|
| 94 |
+
width: 250px;
|
| 95 |
height: 100vh;
|
| 96 |
background-color: #f7f7f7;
|
| 97 |
+
padding: 16px;
|
| 98 |
overflow-y: auto;
|
| 99 |
border-right: 1px solid #ddd;
|
| 100 |
+
z-index: 999;
|
| 101 |
+
}
|
| 102 |
+
|
| 103 |
+
.gr-block.gr-column {
|
| 104 |
+
margin-left: 260px !important; /* Push right column so it doesn’t hide under fixed sidebar */
|
| 105 |
}
|
| 106 |
|
| 107 |
#main-column {
|