afulara/PythonicRAG-FastAPI-React

1.App {2  text-align: center;3  max-width: 1200px;4  margin: 0 auto;5  padding: 20px;6}7 8.App-logo {9  height: 40vmin;10  pointer-events: none;11}12 13@media (prefers-reduced-motion: no-preference) {14  .App-logo {15    animation: App-logo-spin infinite 20s linear;16  }17}18 19.App-header {20  background-color: #282c34;21  padding: 20px;22  color: white;23  margin-bottom: 30px;24}25 26.App-link {27  color: #61dafb;28}29 30@keyframes App-logo-spin {31  from {32    transform: rotate(0deg);33  }34  to {35    transform: rotate(360deg);36  }37}38 39.App-main {40  display: flex;41  flex-direction: column;42  gap: 30px;43}44 45.upload-section,46.query-section,47.results-section {48  background-color: #f5f5f5;49  padding: 20px;50  border-radius: 8px;51  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);52}53 54input[type="file"],55input[type="text"] {56  padding: 10px;57  margin: 10px 0;58  width: 100%;59  max-width: 400px;60  border: 1px solid #ddd;61  border-radius: 4px;62}63 64button {65  background-color: #4CAF50;66  color: white;67  padding: 10px 20px;68  border: none;69  border-radius: 4px;70  cursor: pointer;71  font-size: 16px;72  transition: background-color 0.3s;73}74 75button:hover {76  background-color: #45a049;77}78 79button:disabled {80  background-color: #cccccc;81  cursor: not-allowed;82}83 84.message {85  padding: 10px;86  margin: 10px 0;87  border-radius: 4px;88  background-color: #f8f9fa;89  color: #333;90}91 92.llm-response {93  background-color: #e8f5e9;94  padding: 20px;95  border-radius: 8px;96  margin-bottom: 20px;97  text-align: left;98}99 100.llm-response h3 {101  color: #2e7d32;102  margin-bottom: 10px;103}104 105.relevant-chunks {106  text-align: left;107}108 109.relevant-chunks h3 {110  color: #1976d2;111  margin-bottom: 10px;112}113 114.result-item {115  background-color: white;116  padding: 15px;117  margin: 10px 0;118  border-radius: 4px;119  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);120}121 122.result-text {123  margin-bottom: 5px;124  font-size: 16px;125  line-height: 1.5;126}127 128.result-score {129  color: #666;130  font-size: 14px;131  font-style: italic;132}133