neerajkalyank commited on
Commit
e1f6350
1 Parent(s): 35ee627

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +42 -0
app.py CHANGED
@@ -168,6 +168,48 @@ button:active {
168
  transform: translateY(1px);
169
  }
170
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
171
  /* Radio Button Group */
172
  .gr-radio-group label {
173
  display: inline-flex;
 
168
  transform: translateY(1px);
169
  }
170
 
171
+ /* Toggle Switch (Checkbox Alternative) */
172
+ .toggle-switch {
173
+ position: relative;
174
+ display: inline-block;
175
+ width: 50px;
176
+ height: 28px;
177
+ margin: 10px;
178
+ }
179
+ .toggle-switch input {
180
+ opacity: 0;
181
+ width: 0;
182
+ height: 0;
183
+ }
184
+ .toggle-slider {
185
+ position: absolute;
186
+ cursor: pointer;
187
+ top: 0;
188
+ left: 0;
189
+ right: 0;
190
+ bottom: 0;
191
+ background-color: #c2d6dc;
192
+ transition: 0.4s;
193
+ border-radius: 34px;
194
+ }
195
+ .toggle-slider:before {
196
+ position: absolute;
197
+ content: "";
198
+ height: 22px;
199
+ width: 22px;
200
+ left: 3px;
201
+ bottom: 3px;
202
+ background-color: #ffffff;
203
+ transition: 0.4s;
204
+ border-radius: 50%;
205
+ }
206
+ input:checked + .toggle-slider {
207
+ background-color: #007ba7;
208
+ }
209
+ input:checked + .toggle-slider:before {
210
+ transform: translateX(22px);
211
+ }
212
+
213
  /* Radio Button Group */
214
  .gr-radio-group label {
215
  display: inline-flex;