Hugging Face's logo

Spaces:
ashishkgpian
/
symptoms-to-disease
Sleeping

App Files Community
ashishkgpian commited on
Commit
f6813c5
·
verified ·
1 Parent(s): 11ec956

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +45 -43
app.py CHANGED
@@ -44,6 +44,7 @@ def classify_symptoms(text):
44
  except Exception as e:
45
  return f"Error processing classification: {str(e)}"
46
 
 
47
  custom_css = """
48
  .gradio-container {
49
  width: 100% !important;
@@ -73,89 +74,90 @@ custom_css = """
73
  background: #000000;
74
  color: #ffffff;
75
  }
76
- .input-output-row {
77
- display: flex !important;
78
- gap: 2rem !important;
79
- margin: 2rem 0 !important;
 
 
 
 
 
 
 
80
  }
81
  .input-container {
82
- background: #1a1a1a !important;
83
- padding: 1.5rem !important;
84
  border-radius: 12px !important;
85
- width: 50% !important;
86
- flex: 1 !important;
87
- display: flex !important;
88
- flex-direction: column !important;
89
- gap: 1rem !important;
90
- }
91
- .inner-input-container {
92
- background: #262626 !important;
93
- padding: 1.5rem !important;
94
- border-radius: 8px !important;
95
- display: flex !important;
96
- flex-direction: column !important;
97
- gap: 1rem !important;
98
  }
99
  .input-container label {
100
  color: #ffffff !important;
101
- font-weight: 500 !important;
102
- font-size: 1rem !important;
103
  margin-bottom: 0.5rem !important;
104
  background: transparent !important;
105
  }
106
  textarea {
107
- background: #262626 !important;
108
  color: #ffffff !important;
109
- border: 2px solid #7c4dff !important;
110
  border-radius: 8px !important;
111
  padding: 1rem !important;
112
- font-size: 1rem !important;
113
- min-height: 120px !important;
114
  width: 100% !important;
115
- resize: none !important;
116
  }
117
  .submit-btn {
118
- background-color: #7c4dff !important;
119
  color: white !important;
120
- padding: 0.75rem !important;
121
  border-radius: 8px !important;
122
- font-size: 1rem !important;
123
- margin-top: 0.5rem !important;
124
  transition: all 0.3s ease !important;
125
- width: 100% !important;
126
- font-weight: 500 !important;
127
  border: none !important;
128
  }
129
  .submit-btn:hover {
130
- background-color: #6c3fff !important;
131
  }
132
  .output-container {
133
- background: #1a1a1a !important;
134
- padding: 1.5rem !important;
135
  border-radius: 12px !important;
136
- width: 50% !important;
137
- flex: 1 !important;
 
 
138
  color: #ffffff !important;
139
  }
140
  .output-container label {
141
  color: #ffffff !important;
142
- font-weight: 500 !important;
143
- font-size: 1rem !important;
144
  margin-bottom: 1rem !important;
145
  background: transparent !important;
146
  }
147
  .examples-container {
148
- background: #1a1a1a !important;
149
- padding: 1.5rem !important;
150
  border-radius: 12px !important;
151
  margin: 2rem 0 !important;
 
152
  width: 100% !important;
 
153
  color: #ffffff !important;
154
  }
155
  .examples-container label {
156
  color: #ffffff !important;
157
- font-weight: 500 !important;
158
- font-size: 1rem !important;
159
  background: transparent !important;
160
  }
161
  .footer {
 
44
  except Exception as e:
45
  return f"Error processing classification: {str(e)}"
46
 
47
+
48
  custom_css = """
49
  .gradio-container {
50
  width: 100% !important;
 
74
  background: #000000;
75
  color: #ffffff;
76
  }
77
+ h1 {
78
+ color: #b388ff !important;
79
+ font-size: 3rem !important;
80
+ margin-bottom: 0.5rem !important;
81
+ font-weight: 700 !important;
82
+ }
83
+ h3 {
84
+ color: #9575cd !important;
85
+ font-size: 1.4rem !important;
86
+ font-weight: 500 !important;
87
+ margin-bottom: 2rem !important;
88
  }
89
  .input-container {
90
+ background: #121212 !important;
91
+ padding: 2rem !important;
92
  border-radius: 12px !important;
93
+ box-shadow: 0 4px 6px rgba(255, 255, 255, 0.05) !important;
94
+ margin: 2rem 0 !important;
95
+ width: 100% !important;
96
+ border: 1px solid #333333 !important;
 
 
 
 
 
 
 
 
 
97
  }
98
  .input-container label {
99
  color: #ffffff !important;
100
+ font-weight: 600 !important;
101
+ font-size: 1.1rem !important;
102
  margin-bottom: 0.5rem !important;
103
  background: transparent !important;
104
  }
105
  textarea {
106
+ background: #1e1e1e !important;
107
  color: #ffffff !important;
108
+ border: 2px solid #673ab7 !important;
109
  border-radius: 8px !important;
110
  padding: 1rem !important;
111
+ font-size: 1.2rem !important;
112
+ min-height: 150px !important;
113
  width: 100% !important;
 
114
  }
115
  .submit-btn {
116
+ background-color: #673ab7 !important;
117
  color: white !important;
118
+ padding: 1rem 3rem !important;
119
  border-radius: 8px !important;
120
+ font-size: 1.2rem !important;
121
+ margin-top: 1.5rem !important;
122
  transition: all 0.3s ease !important;
123
+ width: auto !important;
124
+ font-weight: 600 !important;
125
  border: none !important;
126
  }
127
  .submit-btn:hover {
128
+ background-color: #5e35b1 !important;
129
  }
130
  .output-container {
131
+ background: #121212 !important;
132
+ padding: 2rem !important;
133
  border-radius: 12px !important;
134
+ box-shadow: 0 4px 6px rgba(255, 255, 255, 0.05) !important;
135
+ margin: 2rem 0 !important;
136
+ width: 100% !important;
137
+ border: 1px solid #333333 !important;
138
  color: #ffffff !important;
139
  }
140
  .output-container label {
141
  color: #ffffff !important;
142
+ font-weight: 600 !important;
143
+ font-size: 1.1rem !important;
144
  margin-bottom: 1rem !important;
145
  background: transparent !important;
146
  }
147
  .examples-container {
148
+ background: #121212 !important;
149
+ padding: 2rem !important;
150
  border-radius: 12px !important;
151
  margin: 2rem 0 !important;
152
+ box-shadow: 0 4px 6px rgba(255, 255, 255, 0.05) !important;
153
  width: 100% !important;
154
+ border: 1px solid #333333 !important;
155
  color: #ffffff !important;
156
  }
157
  .examples-container label {
158
  color: #ffffff !important;
159
+ font-weight: 600 !important;
160
+ font-size: 1.1rem !important;
161
  background: transparent !important;
162
  }
163
  .footer {