freddyaboulton HF staff commited on
Commit
85b9511
1 Parent(s): 4b34c8d

Commit 3: Add 35 file(s)

Browse files
Files changed (2) hide show
  1. requirements.txt +2 -2
  2. templates/index.html +22 -1
requirements.txt CHANGED
@@ -1,5 +1,5 @@
1
- gradio-client @ git+https://github.com/gradio-app/gradio@f71a4454b8b7a0251f15ebf9d7f028ecc430e1e7#subdirectory=client/python
2
- https://gradio-pypi-previews.s3.amazonaws.com/f71a4454b8b7a0251f15ebf9d7f028ecc430e1e7/gradio-5.9.1-py3-none-any.whl
3
  pypistats==1.1.0
4
  plotly
5
  matplotlib
 
1
+ gradio-client @ git+https://github.com/gradio-app/gradio@c772c394d60387fac40fd3691647189dd721d079#subdirectory=client/python
2
+ https://gradio-pypi-previews.s3.amazonaws.com/c772c394d60387fac40fd3691647189dd721d079/gradio-5.9.1-py3-none-any.whl
3
  pypistats==1.1.0
4
  plotly
5
  matplotlib
templates/index.html CHANGED
@@ -18,7 +18,7 @@
18
 
19
  /* Sidebar styling */
20
  .sidebar {
21
- position: absolute;
22
  top: 0;
23
  left: 0;
24
  width: 300px;
@@ -89,6 +89,7 @@
89
  padding: 20px;
90
  height: 100vh;
91
  transition: margin-left 0.3s ease;
 
92
  }
93
 
94
  .content.collapsed {
@@ -132,6 +133,26 @@
132
  background: white;
133
  z-index: 102; /* Ensure it's above the sidebar */
134
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
135
  }
136
  </style>
137
  <script src="//unpkg.com/alpinejs" defer></script>
 
18
 
19
  /* Sidebar styling */
20
  .sidebar {
21
+ position: fixed;
22
  top: 0;
23
  left: 0;
24
  width: 300px;
 
89
  padding: 20px;
90
  height: 100vh;
91
  transition: margin-left 0.3s ease;
92
+ overflow-y: auto;
93
  }
94
 
95
  .content.collapsed {
 
133
  background: white;
134
  z-index: 102; /* Ensure it's above the sidebar */
135
  }
136
+
137
+ .sidebar {
138
+ width: 100%;
139
+ z-index: 100;
140
+ }
141
+
142
+ .content {
143
+ margin-left: 0;
144
+ padding: 10px;
145
+ height: calc(100vh - 70px);
146
+ margin-top: 70px;
147
+ }
148
+
149
+ .sidebar.collapsed {
150
+ transform: translateX(-100%);
151
+ }
152
+
153
+ .content.collapsed {
154
+ margin-top: 70px;
155
+ }
156
  }
157
  </style>
158
  <script src="//unpkg.com/alpinejs" defer></script>