Spaces:
Running
Running
File size: 1,745 Bytes
a39f5c0 091efc4 58a9e63 091efc4 58a9e63 091efc4 58a9e63 091efc4 58a9e63 091efc4 58a9e63 091efc4 58a9e63 a39f5c0 091efc4 58a9e63 091efc4 58a9e63 091efc4 58a9e63 091efc4 58a9e63 091efc4 58a9e63 a39f5c0 58a9e63 a39f5c0 58a9e63 a39f5c0 58a9e63 a39f5c0 58a9e63 a39f5c0 58a9e63 a39f5c0 58a9e63 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 | ibody {
font-family: Arial, sans-serif;
background: #f5f5f5;
margin: 0;
padding: 0;
}
.navbar {
background: #007bff;
color: white;
padding: 12px;
font-size: 1.2rem;
font-weight: bold;
text-align: center;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.container {
max-width: 650px;
margin: 20px auto;
background: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 8px rgba(0,0,0,0.08);
}
#chat-output {
min-height: 200px;
max-height: 400px;
overflow-y: auto;
border: 1px solid #ddd;
padding: 12px;
margin-bottom: 12px;
background: #fafafa;
white-space: pre-wrap;
border-radius: 4px;
font-size: 0.95rem;
position: relative;
}
.message {
margin-bottom: 8px;
}
form {
display: flex;
gap: 0;
}
#chat-input {
flex: 1;
padding: 10px;
font-size: 1rem;
border: 1px solid #ccc;
border-radius: 4px 0 0 4px;
outline: none;
}
button {
padding: 0 20px;
font-size: 1rem;
border: none;
background: #007bff;
color: white;
cursor: pointer;
border-radius: 0 4px 4px 0;
}
button:hover {
background: #0056b3;
}
/* Prism copy button - always visible, prominent */
pre[class*="language-"] {
position: relative;
padding-top: 40px; /* space for Copy button */
}
.prism-toolbar {
position: absolute !important;
top: 6px !important;
right: 6px !important;
opacity: 1 !important;
z-index: 20 !important;
}
.prism-toolbar button {
display: inline-block !important;
background: #007bff !important;
color: #fff !important;
border-radius: 4px;
padding: 3px 8px;
font-size: 0.85rem;
font-weight: bold;
border: none;
cursor: pointer;
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.prism-toolbar button:hover {
background: #0056b3 !important;
}
|