Hugging Face's logo

Spaces:
AxL95
/
medically
Runtime error

App Files Community
AxL95 commited on
Commit
0828269
·
verified ·
1 Parent(s): d8e42ab

Create AdminPanel.css

Browse files
Files changed (1) hide show
  1. frontend/src/components/AdminPanel.css +142 -0
frontend/src/components/AdminPanel.css ADDED
@@ -0,0 +1,142 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*** ADMIN ***/
2
+
3
+ .admin-panel {
4
+ background-color: #f8f9fa;
5
+ min-height: 100vh;
6
+ padding: 20px;
7
+ }
8
+
9
+ .admin-header {
10
+ display: flex;
11
+ justify-content: space-between;
12
+ align-items: center;
13
+ margin-bottom: 30px;
14
+ padding-bottom: 15px;
15
+ border-bottom: 1px solid #ddd;
16
+ }
17
+
18
+ .admin-user-info {
19
+ display: flex;
20
+ align-items: center;
21
+ gap: 15px;
22
+ }
23
+
24
+ .logout-btn {
25
+ background-color: #dc3545;
26
+ color: white;
27
+ border: none;
28
+ padding: 8px 16px;
29
+ border-radius: 4px;
30
+ cursor: pointer;
31
+ }
32
+
33
+ .admin-content {
34
+ display: flex;
35
+ flex-direction: column;
36
+ gap: 30px;
37
+ }
38
+
39
+ .admin-section {
40
+ background-color: white;
41
+ padding: 20px;
42
+ border-radius: 8px;
43
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
44
+ }
45
+
46
+ .upload-form {
47
+ display: flex;
48
+ flex-direction: column;
49
+ gap: 15px;
50
+ max-width: 600px;
51
+ }
52
+
53
+ .form-group {
54
+ display: flex;
55
+ flex-direction: column;
56
+ gap: 5px;
57
+ }
58
+
59
+ .form-group label {
60
+ font-weight: bold;
61
+ }
62
+
63
+ .form-group input[type="text"] {
64
+ padding: 8px;
65
+ border: 1px solid #ddd;
66
+ border-radius: 4px;
67
+ }
68
+
69
+ .upload-btn {
70
+ background-color: #4CAF50;
71
+ color: white;
72
+ border: none;
73
+ padding: 10px;
74
+ border-radius: 4px;
75
+ cursor: pointer;
76
+ max-width: 200px;
77
+ }
78
+
79
+ .upload-status {
80
+ padding: 10px;
81
+ border-radius: 4px;
82
+ margin-top: 10px;
83
+ }
84
+
85
+ .upload-status.success {
86
+ background-color: #d4edda;
87
+ color: #155724;
88
+ border: 1px solid #c3e6cb;
89
+ }
90
+
91
+ .upload-status.error {
92
+ background-color: #f8d7da;
93
+ color: #721c24;
94
+ border: 1px solid #f5c6cb;
95
+ }
96
+
97
+ .documents-table {
98
+ width: 100%;
99
+ border-collapse: collapse;
100
+ }
101
+
102
+ .documents-table th, .documents-table td {
103
+ padding: 12px;
104
+ text-align: left;
105
+ border-bottom: 1px solid #ddd;
106
+ }
107
+
108
+ .documents-table th {
109
+ background-color: #f2f2f2;
110
+ font-weight: bold;
111
+ }
112
+
113
+ .delete-btn {
114
+ background-color: #dc3545;
115
+ color: white;
116
+ border: none;
117
+ padding: 6px 10px;
118
+ border-radius: 4px;
119
+ cursor: pointer;
120
+ }
121
+
122
+ .error-message {
123
+ color: #721c24;
124
+ background-color: #f8d7da;
125
+ padding: 10px;
126
+ border-radius: 4px;
127
+ border: 1px solid #f5c6cb;
128
+ }
129
+ .back-btn {
130
+ background-color: #4285f4;
131
+ color: white;
132
+ border: none;
133
+ padding: 8px 16px;
134
+ margin-right: 10px;
135
+ border-radius: 4px;
136
+ cursor: pointer;
137
+ font-weight: bold;
138
+ }
139
+
140
+ .back-btn:hover {
141
+ background-color: #2a75f3;
142
+ }