Update app.css
Browse files
app.css
CHANGED
@@ -165,4 +165,44 @@ footer, .footer, div[class*="footer"], #footer {
|
|
165 |
|
166 |
.close-btn {
|
167 |
margin-top: 1rem;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
168 |
}
|
|
|
165 |
|
166 |
.close-btn {
|
167 |
margin-top: 1rem;
|
168 |
+
}
|
169 |
+
|
170 |
+
.session-history {
|
171 |
+
height: 700px;
|
172 |
+
overflow-y: auto;
|
173 |
+
}
|
174 |
+
|
175 |
+
.prompt-grid {
|
176 |
+
display: grid;
|
177 |
+
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
|
178 |
+
gap: 20px;
|
179 |
+
padding: 20px;
|
180 |
+
}
|
181 |
+
|
182 |
+
.prompt-card {
|
183 |
+
background: white;
|
184 |
+
border: 1px solid #eee;
|
185 |
+
border-radius: 8px;
|
186 |
+
padding: 15px;
|
187 |
+
cursor: pointer;
|
188 |
+
transition: all 0.3s ease;
|
189 |
+
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
190 |
+
}
|
191 |
+
|
192 |
+
.prompt-card:hover {
|
193 |
+
transform: translateY(-2px);
|
194 |
+
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
|
195 |
+
}
|
196 |
+
|
197 |
+
#code-display {
|
198 |
+
margin-top: 20px;
|
199 |
+
padding: 20px;
|
200 |
+
background: #f5f5f5;
|
201 |
+
border-radius: 8px;
|
202 |
+
font-family: monospace;
|
203 |
+
white-space: pre-wrap;
|
204 |
+
}
|
205 |
+
|
206 |
+
#code-display.visible {
|
207 |
+
display: block;
|
208 |
}
|