Hugging Face's logo

Spaces:
privateuserh
/
CTM-ResearchAgent
Running

App Files Community
privateuserh commited on
Commit
1d64b28
·
verified ·
1 Parent(s): 20860c5

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +24 -150
style.css CHANGED
@@ -1,150 +1,24 @@
1
- body {
2
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
3
- background-color: #f4f7f9;
4
- color: #333;
5
- margin: 0;
6
- padding: 20px;
7
- }
8
-
9
- .container {
10
- width: 100%;
11
- max-width: 1200px;
12
- background-color: #fff;
13
- padding: 30px;
14
- border-radius: 10px;
15
- box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
16
- margin: 20px auto;
17
- }
18
-
19
- header {
20
- text-align: center;
21
- border-bottom: 2px solid #e0e0e0;
22
- padding-bottom: 20px;
23
- margin-bottom: 30px;
24
- }
25
-
26
- header h1 {
27
- color: #0056b3;
28
- margin: 0;
29
- }
30
-
31
- .main-content {
32
- display: flex;
33
- gap: 30px;
34
- }
35
-
36
- .chat-column {
37
- flex: 2; /* Takes up 2/3 of the space */
38
- }
39
-
40
- .docs-column {
41
- flex: 1; /* Takes up 1/3 of the space */
42
- border-left: 1px solid #e0e0e0;
43
- padding-left: 30px;
44
- }
45
-
46
- h2 {
47
- color: #0056b3;
48
- margin-top: 0;
49
- margin-bottom: 15px;
50
- }
51
-
52
- .input-section, .output-section, .history-section, .upload-section, .reports-section {
53
- margin-bottom: 30px;
54
- }
55
-
56
- textarea {
57
- width: 100%;
58
- height: 120px;
59
- padding: 15px;
60
- border: 1px solid #ccc;
61
- border-radius: 5px;
62
- font-size: 16px;
63
- box-sizing: border-box;
64
- resize: vertical;
65
- }
66
-
67
- button {
68
- display: block;
69
- width: 100%;
70
- padding: 15px;
71
- background-color: #007bff;
72
- color: white;
73
- border: none;
74
- border-radius: 5px;
75
- font-size: 18px;
76
- cursor: pointer;
77
- margin-top: 15px;
78
- transition: background-color 0.3s;
79
- }
80
-
81
- button:hover {
82
- background-color: #0056b3;
83
- }
84
-
85
- button:disabled {
86
- background-color: #a0c3e6;
87
- cursor: not-allowed;
88
- }
89
-
90
- #uploadForm input[type="file"] {
91
- width: 100%;
92
- padding: 10px;
93
- border: 1px solid #ccc;
94
- border-radius: 5px;
95
- box-sizing: border-box;
96
- }
97
-
98
- .result-container, .history-container, .reports-container {
99
- background-color: #f8f9fa;
100
- border: 1px solid #e0e0e0;
101
- border-radius: 5px;
102
- padding: 20px;
103
- min-height: 100px;
104
- }
105
-
106
- .history-entry, .report-entry {
107
- border-bottom: 1px solid #eee;
108
- padding: 10px 0;
109
- }
110
-
111
- .history-entry:last-child, .report-entry:last-child {
112
- border-bottom: none;
113
- }
114
-
115
- .report-entry {
116
- display: flex;
117
- justify-content: space-between;
118
- align-items: center;
119
- }
120
-
121
- .report-entry .status {
122
- padding: 3px 8px;
123
- border-radius: 12px;
124
- font-size: 12px;
125
- font-weight: bold;
126
- }
127
-
128
- .status.processed {
129
- background-color: #d4edda;
130
- color: #155724;
131
- }
132
-
133
- .status.pending {
134
- background-color: #fff3cd;
135
- color: #856404;
136
- }
137
-
138
- #uploadStatus {
139
- margin-top: 15px;
140
- font-size: 14px;
141
- }
142
-
143
- footer {
144
- text-align: center;
145
- margin-top: 30px;
146
- padding-top: 20px;
147
- border-top: 2px solid #e0e0e0;
148
- font-size: 14px;
149
- color: #777;
150
- }
 
1
+ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; background-color: #f4f7f9; color: #333; margin: 0; padding: 20px; }
2
+ .container { width: 100%; max-width: 1200px; background-color: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); margin: 20px auto; }
3
+ header { text-align: center; border-bottom: 2px solid #e0e0e0; padding-bottom: 20px; margin-bottom: 30px; }
4
+ header h1 { color: #0056b3; margin: 0; }
5
+ .main-content { display: flex; gap: 30px; }
6
+ .chat-column { flex: 2; }
7
+ .docs-column { flex: 1; border-left: 1px solid #e0e0e0; padding-left: 30px; }
8
+ h2 { color: #0056b3; margin-top: 0; margin-bottom: 15px; }
9
+ .input-section, .output-section, .history-section, .upload-section, .reports-section { margin-bottom: 30px; }
10
+ textarea { width: 100%; height: 120px; padding: 15px; border: 1px solid #ccc; border-radius: 5px; font-size: 16px; box-sizing: border-box; resize: vertical; }
11
+ button { display: block; width: 100%; padding: 15px; background-color: #007bff; color: white; border: none; border-radius: 5px; font-size: 18px; cursor: pointer; margin-top: 15px; transition: background-color 0.3s; }
12
+ button:hover { background-color: #0056b3; }
13
+ button:disabled { background-color: #a0c3e6; cursor: not-allowed; }
14
+ #uploadForm input[type="file"] { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; }
15
+ .result-container, .history-container, .reports-container { background-color: #f8f9fa; border: 1px solid #e0e0e0; border-radius: 5px; padding: 20px; min-height: 100px; }
16
+ .history-entry, .report-entry { border-bottom: 1px solid #eee; padding: 10px 0; }
17
+ .history-entry:last-child, .report-entry:last-child { border-bottom: none; }
18
+ .report-entry { display: flex; justify-content: space-between; align-items: center; }
19
+ .report-entry .status { padding: 3px 8px; border-radius: 12px; font-size: 12px; font-weight: bold; }
20
+ .status.processed { background-color: #d4edda; color: #155724; }
21
+ .status.pending { background-color: #fff3cd; color: #856404; }
22
+ .status.failed { background-color: #f8d7da; color: #721c24; }
23
+ #uploadStatus { margin-top: 15px; font-size: 14px; }
24
+ footer { text-align: center; margin-top: 30px; padding-top: 20px; border-top: 2px solid #e0e0e0; font-size: 14px; color: #777; }